:last-child

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

BCD tables only load in the browser

Voir aussi