:last-child
La pseudo-classe :last-child
permet de cibler un élément qui est le dernier enfant de son parent.
css
/* 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
Error: could not find syntax for this item
Exemples
CSS
css
li:last-child {
background-color: lime;
}
HTML
html
<ul>
<li>Cet élément n'est pas vert !</li>
<li>Celui-ci est vert.</li>
</ul>
Résultat
Spécifications
Specification |
---|
Selectors Level 4 # the-last-child-pseudo |
Compatibilité des navigateurs
BCD tables only load in the browser
Voir aussi
:first-child
:nth-child
:last-of-type
:-moz-last-node
Non-standard