: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