这种简单的代码是不工作:为什么我的a:hover:n-child代码工作不正常?
HTML:
<div id="topnav">
<ul>
<li><a href="a.html">Aaaaaaa</a></li>
<li><a href="b.html">Bbbbbbbb</a></li>
<li><a href="c.html">Ccccccccc</a></li>
</ul>
</div>
CSS:
#topnav li a:hover:first-child{
color:#ff0000;
}
#topnav li a:nth-child(2):hover{
color:#FF7700;
}
#topnav li a:nth-child(3):hover{
color:#FFFF00;
}
每一个环节都要有不同的悬停颜色。所有这些都显示为红色。为什么?
的jsfiddle:http://jsfiddle.net/jeZHD/