Nième Enfant pour ul li a des liens
Je suis en train d'essayer d'obtenir un style pour ul
li
a
éléments. Voici le code:
<ul id="menu">
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
</ul>
J'aimerais le second lien (Deux) pour avoir un autre style (color
) que les deux autres (Une à Trois).
C'est ce que j'ai essayé, mais il ne semble pas fonctionner:
#menu li a:nth-child(even) {color:red;}
Des conseils pour obtenir que cela fonctionne? Voici un violon tous mis en place:
Merci!
OriginalL'auteur HelloWorld | 2013-07-29
Vous devez vous connecter pour publier un commentaire.
:nth-child()
sélectionne les éléments parmi leurs frères et sœurs, dans ce cas, lea
n'ont pas de frères et sœurs, de sorte que vous aurez besoin d'utiliser l':nth-child()
pseudo-classe de lali
à la place:JS Fiddle démo.
OriginalL'auteur David Thomas
Essayer
si vous voulez que la couleur sur la li ainsi, vous aurez besoin également
Vous ne pouvez pas simplement avoir la
li
sélecteur parce que la couleur de la propriété n'est pas héritée par l'a
tag.http://jsfiddle.net/DSkfH/3/
a
donc le premier exemple a parfaitement fonctionnéOriginalL'auteur Musa