css - ul li a リンクの N 番目の子

Question

ul li a要素の特別なスタイルを取得しようとしています。コードは次のとおりです。

<ul id="menu">
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
</ul>

color2 番目のリンク (Two) には、他の 2 つ (One と Three) とは異なるスタイル ( ) を付けたいと思います。

これは私が試してきたことですが、うまくいかないようです：

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

これを機能させるためのヒントはありますか？これはすべて設定されたフィドルです：

ありがとう！

score 4 · Accepted Answer

試す

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

Liの色も必要な場合は、必要です

#menu li:nth-child(even) {color:red;}

li色のプロパティはaタグによって継承されないため、セレクターだけを持つことはできません。

2 に答える 2