Pseudo-classe last-child

La pseudo-classe last-child sélectionne un élément qui est le dernier enfant de son parent.

Syntaxe

csssélecteur:last-child {
  
}

Exemple

Dans cet exemple, nous allons mettre en rouge le li qui est le dernier enfant de son parent (le dernier à l'intérieur de ol) :

html<ul>
  <li>élément de liste</li>
  <li>élément de liste</li>
  <li>élément de liste</li>
  <li>élément de liste</li>
  <li>élément de liste</li>
</ul>

cssli:last-child {
  color: red;
}

Результат: