2012-09-25 62 views
0

因此,無論出於何種原因,我在其中一個div上設置了hover僞屬性,因此懸停顏色會有所不同,但似乎不起作用。我有其他的div可以工作,所以我不確定問題是什麼(我剛開始學習CSS)。有人可以看我的代碼嗎?提前致謝。 :)爲什麼我的:懸停不工作?

這裏是我的CSS,與:懸停說我在底部遇到的麻煩僞類:

#secondnavlinks ul { 
display: inline; 
text-align: center; 
font-family: klavika-light; 
list-style-type: none; 
} 



#secondnavlinks ul li { 
display: inline; 
text-align: center; 
float: right; 
font-family: klavika-light; 
list-style-type: none; 
margin-right:3%; 
margin-top:17px; 
white-space: nowrap; 
} 



#secondnavlinks ul li > a { 
text-decoration: none; 
color: #000000; 
}​ 

#secondnavlinks ul li > a:hover { 
color: grey; 
} 

而這裏的HTML,與#secondnavlinks DIV這是一個我「M遇到的麻煩:

<div id="nav"> 

<div id="footer"> 
</div> 


<div id="secondnavlinks"> 
<ul> 
<li><a href="#">Ambient Bookmarklet</a></li> 
</ul> 
</div> 


<div id="class1"> 
<ul> 
<li><a href="#">Saved</a></li> 
<li><a href="#">Folders</a></li> 
</ul> 
</div> 

<div id="header"> 
<img src="ambientfollowhead.gif" alt="ambientfollow" width="160" height="35" /> 
</div> 



</div> 
+0

問題必須在別處。它應該適用於你的代碼。 – BoltClock

+0

該代碼工作正常,也許瀏覽器的問題 –

+0

這[工作](http://jsfiddle.net/CGHEQ/)。懸停時的顏色變爲灰色 – pankar

回答

3

嘗試

#secondnavlinks ul li a { 
text-decoration: none; 
color: #000000; 
}​ 

#secondnavlinks ul li a:hover { 
color: grey; 
} 
+0

哈哈,實際上,我在修復此問題之前先對其進行了修復,但是,正確! –