我的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到ahttp://jsfiddle.net/725tenf1/

#h1 a{ 
text-decoration:none; 
} 

Answer 2

那是因爲我T公司的<a>標籤

使用這裏面的CSS：

a > h1 { 
    text-decoration: none; 
}