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