La pseudo-classe :last-child permet de cibler un élément qui est le dernier enfant de son parent.
Syntaxe
:last-child { style properties }
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 | Aucune modification. |
| Selectors Level 3 La définition de ':last-child' dans cette spécification. |
Recommendation | Définition initiale. |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Support simple | 1.0 | 1.0 (1.7 ou moins) | 9.0 | 9.5 | 3.2 |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Support simple | 2.1 | 1.0 (1) | 9.0 | 10.0 | 3.2 |
Voir aussi
Étiquettes et contributeurs liés au document
Étiquettes :
Contributeurs à cette page :
SphinxKnight,
tregagnon,
Fredchat,
louuis,
teoli,
FredB,
the prisoner,
Vivelefrat
Dernière mise à jour par :
SphinxKnight,