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

为什么我的：悬停不起作用？

1 个答案: