: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;
}

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

Compatibilité des navigateurs

Voir aussi

• :first-child
• :nth-child
• :last-of-type
• :-moz-last-node