html - 代替リストのハイパーリンクの色

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/