Elle permet de cibler le/les n-ièmes enfants d’un élément en partant de la fin.
Un nth-child 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-child
cible les éléments en partant de la fin.
Cible le/les h1
s’ils sont en avant dernière position au sein de leur parent :
h1:nth-last-child(2){ ... }
Cible le/les 2e, 4e, 6e, etc. p
au sein de leur parent div
, en partant de la fin (soit l’avant dernier, l’avant-avant-avant-dernier, etc.) si ces éléments sont des p
:
div p:nth-last-child(2n+2){ ... }
Pour cibler plus précisément, il y a :nth-last-of-type
#1par Darknior, le 3 avril 2013
Merci pour ce tuto et les autres ...
On apprend beaucoup sur ton site ;)
Dommage que peux de gens prennent le temps de te remercier :(
#2par Benhy, le 20 janvier 2014
Tuto vraiment génial, j ai pu apprendre de nouvelles notions, thx