Elle permet de cibler le/les n-ièmes enfants d’un élément en partant de la fin ET d’un certain type.
Un nth-child avancé et inversé...
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-last-of-type
cible les éléments en partant de la fin, et du type donné.
Cible le/les avant-derniers h1
au sein de leur parent :
h1:nth-last-of-type(2){ ... }
Cible le/les 2e, 4e, 6e, etc. p
au sein de leur parent div
, en partant de la fin (soit l’avant dernier p
, l’avant-avant-avant-dernier p
, etc.) :
div p:nth-last-of-type(2n+2){ ... }
Pour cibler plus largement, sans se soucier du type, il y a :nth-last-child