:last-child

Résumé

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

Syntaxe

element:last-child { propriétés CSS }

Exemple

Exemple 1

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

… avec le code HTML…

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

… donnera :

Exemple 2 : Utilisation d’une liste non ordonnée

Exemple dynamique : http://jsfiddle.net/Tripad/rgz2X/

<ul>
    <li>Liste 1</li>
    <li>Liste 2</li>
    <li>Liste 3</li>
</ul>

ul li {
    color: red;
}

ul li:last-child {
    color: green;
}

Spécifications

Compatibilité des navigateurs

Voir également

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