为什么我的：悬停不工作？

Question

因此，无论出于何种原因，我在其中一个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> 

Answer 1

尝试

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

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