Suivre

Sélecteur: :nth-of-type()

Création: mai 2012Modifié: 8 octobre 2012

:nth-of-type est une pseudo-classe qui fait partie du Selectors Level 3 actuellement en Recommandation.

Elle permet de cibler le/les n-ièmes enfants d’un élément d’un certain type.

Un nth-child avancé...

Cette pseudo-classe s’utilise de la même façon que :nth-child. Je vous invite donc à découvrir son fonctionnement sur la page dédiée.

La différence est qu’ ::nth-of-type ne cible que les éléments du type donné.

Cible le/les h1 s’ils sont en deuxième position au sein de leur parent :

h1:nth-of-type(2){ ... }

Cible le/les 2e, 4e, 6e, etc. p au sein de leur parent div :

div p:nth-of-type(2n+2){ ... }

#1par flashgun 89, le 15 octobre 2012

très intéressant,merci