Souscrire
Blog iamvdo.meSélecteurs: :nth-of-type
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 d’un certain type. Dans le premier exemple, on sélectionne le 2ème <h1> de la page. Dans le second exemple, on sélectionne le 3ème <p> de toutes les <div> et ce même si d’autres balises enfants sont présentes dans le code.
Voir aussi :nth-child pour sélectionner les n-ième enfant peu importe le type.
h1:nth-of-type(2){ ... }
div p:nth-of-type(3){ ... }