Sélecteurs: :nth-child
Maj: février 2011
nth... késako ?
nth signifie n-ième. Ce sélecteur permet donc de sélectionner le n-ième enfant d’un élément. Dans le premier exemple, on sélectionne le 2ème enfant, SI celui-ci est un <h1>. Dans le second exemple, on sélectionne le 3ème <li> de tous les <ul> (en sachant qu’un <ul> ne peut contenir que des <li>).
Voir aussi :nth-of-type pour sélectionner les n-ième enfant d’un certain type.
h1:nth-child(2){ ... }
ul li:nth-child(3){ ... }
Souscrire
Blog iamvdo.me