javascript - 悬停时我的 h1 标签链接出现下划线，我没有添加

Question

我的 h1 标签链接出现蓝色下划线，我没有添加。我已经将 text-decoration 设置为 none，但是当悬停时它仍然出现蓝线。这是我的代码。

CSS

h1{
font-family:'Oxygen';
color:#000;
font-size:100px;
text-align:center;
margin-top:80px;
font-weight:50;
border:5px black solid;
text-decoration:none;
}
h1:hover{
color:#fff;
border:5px solid white;
text-decoration:none;
}
#h1{
height:100px;
width:600px;

margin:auto;
}

HTML

<div data-speed="1.2" data-type="background" id="search-background" class="clearfix"  style="background-attachment:fixed;">
<div id="h1">
<a href="#about"><h1>Joomgame</h1></a>
</div>
<p>Front-End Devoloper</p>
        </div>

Answer 1

将 text-decoration 赋予 a http://jsfiddle.net/725tenf1/

#h1 a{
text-decoration:none;
}