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>
問題必須在別處。它應該適用於你的代碼。 – BoltClock
該代碼工作正常,也許瀏覽器的問題 –
這[工作](http://jsfiddle.net/CGHEQ/)。懸停時的顏色變爲灰色 – pankar