Elle permet de cibler le dernier enfant d’un élément.
La syntaxe
Cet exemple cible le dernier<li>
de la balise <ul>
ul li:last-child{ ... }
Attention : le code suivant ne sélectionne pas les derniers<h2>
de chaque élément, mais il sélectionne le/les derniers <h2>
SEULEMENT si ils se trouvent derniers enfants de leur parent.
h2:last-child{ ... }
:last-child
est strictement équivalent à :nth-last-child(1)
Pour sélectionner le dernier enfant d’un certain type, utilisez :last-of-type
#1par Giampiero Trezzini, le 20 février 2013
Je viens de m’acheter le livre css3 Le design web moderne et j’y ai découvert l’adresse de ce site qui est très prometteur pour les amateurs du web comme je le suis. Je suis en particulier à la recherche d’une mise à niveau css de mon site trezziniluthier.com (créé en 2004) et en particulier les pages avec des animations d’images (j’ai fait la mise à niveau des menus, sans images, c’était pas bien compliqué). Si d’aventure vous avez des idées...
Merci en tout cas pour le bouquin et le site
Giampiero
#2par luger95, le 18 mars 2013
Dans certain cas la propriété last-child n’est pas prise en compte alors que si je la remplace par un first-child, le sélecteur est bien utilisé.
Y-a-t-il donc des cas où le pseudo-class n’est pas utilisable ?
Merci par avance.