Question

CSS中如何将Hover应用于多个<a>标签？我将两个<a>放在<ul><li>里，但只对一个<a>有效。

<div id="top">
<ul>
<li><a href="#">Login</a></li>
<li><a href="#">Sign up</a></li>
</ul>
</div>

#top{
height: 18px;
background:url(images/night_bg.jpg);
}
#top ul{

height: 18px;
padding: 0 1px;
margin: 0 5px;
}
#top ul li{
float: left;
width:auto;
height: 18px;
margin: 0 5px;
overflow:hidden;
display:block;
}
#top ul li a{
display: block;
color: #7c7c7c;
text-shadow: 1px 1px 0 #101010;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
line-height:12px;
padding: 2px 1px 6px 7px;
text-decoration: none;
float:left;
}
#top ul li a:hover{
color:#ededed;
text-decoration: none;
}

Answer 1

#top ul li a{
不要这样子写：
#top ul li a:link,#top ul li a:visited {

这样子写，以后你会发现好处多多：）

Answer 2

试过了，如果是你上面的代码的话，两个a都生效了的，没你说的错误出现。