Sélecteur :LAST-CHILD
Rôle
Le sélecteur last-child est une pseudo-classe désigné par la syntaxe :last-child qui permet de cibler chaque élément qui est le dernier enfant de son parent.
Note : assurez vous que l’élément sur lequel s’applique le sélecteur est bien le dernier enfant de son parent. Par exemple, li:last-child ne signifie pas le dernier li du parent mais que le dernier enfant du parent est bien un li.
Dans l’exemple ci-dessous, le premier li donc le dernier enfant de ul est rouge.
li:last-child{
color: red;
}
<ul>
<li>liste 1</li>
<li>liste 2</li>
<li>liste 3</li>
</ul>
Version : CSS1
Testez vous-même ce sélecteur
Compatibilité
Le sélecteur last-child est pris en charge par tous les principaux navigateurs
A voir aussi
:first-child
:first-of-type
:last-of-type
:nth-child(n)
:nth-of-type(n)
:nth-last-child(n)
:nth-last-of-type(n)
only-child
:only-of-type
