html - 为什么我的 :hover 不起作用？

Question

因此，无论出于何种原因，我在我的一个 div 上设置了一个 :hover 伪属性，因此悬停颜色会有所不同，但它似乎不起作用。我还有其他可以使用悬停的 div，所以我不确定问题出在哪里（我刚开始学习 CSS）。有人可以看看我的代码吗？提前致谢。:)

这是我的 CSS，底部有我遇到问题的 :hover 伪类：

#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，这是我遇到的问题：

<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>

Answer 1

尝试

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

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