We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

La pseudo-classe :last-child permet de cibler un élément qui est le dernier enfant de son parent.

/* Cible n'importe quel élément <li> tant que    */
/* celui-ci est le dernier enfant de son élément */
/* parent */
li:last-child {
  background-color: lime;
}

Note : En CSS3, l'élément ciblé devait avoir un élément parent, cette restriction a été levée en CSS4.

Syntaxe

:last-child

Exemples

CSS

li:last-child {
  background-color: lime;
}

HTML

<ul>
   <li>Cet élément n'est pas vert !</li>
   <li>Celui-ci est vert.</li>
</ul>

Résultat

Spécifications

Spécification État Commentaires
Selectors Level 4
La définition de ':last-child' dans cette spécification.
Version de travail Il n'est plus obligatoire que l'élément ciblé ait un parent.
Selectors Level 3
La définition de ':last-child' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple1 Oui199.53.2
Matches elements with no parent57 ?52 ?44 ?
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple Oui Oui Oui4103.2 Oui
Matches elements with no parent5757 ?5244 ?7.0

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, tregagnon, Fredchat, louuis, teoli, FredB, ThePrisoner, Vivelefrat
Dernière mise à jour par : SphinxKnight,