替代列表中的超链接颜色

Question

我有一个像

这样的清单

<ul>
      <li>ho <a href="#">test</a></li>
      <li>ho <a href="#">test</a></li>
      <li>ho <a href="#">test</a></li>
      <li>ho <a href="#">test</a></li>
</ul>

我喜欢用其他颜色的链接：

以下代码不起作用

li.a:nth-child(odd) { color:green }
li.a:nth-child(even) { color:red }​

这是代码演示

http://jsfiddle.net/KqRfe/1/

Answer 1

将选择器扩展为目标锚点而不是列表项本身：

li:nth-child(odd) a { 
    color: green;
}

li:nth-child(even) a { 
    color: red;
}​

演示：http://jsfiddle.net/KqRfe/2/