Pseudo-classe :last-child de CSS

Définition et utilisation

CSS :last-child Les pseudo-classes sont utilisées pour correspondre à tout élément qui est le dernier enfant de son élément parent.

Avis :p:last-child Équivaut à p:nth-last-child(1).

Exemple

Définir la couleur de fond pour l'élément <p> du dernier enfant de l'élément parent. En même temps, définir la couleur de fond pour l'élément <li> du dernier enfant de l'élément parent :

p:last-child {
  background-color: yellow;
}
li:last-child {
  background-color: yellow;
}

Essayez-le vous-même

Grammaire CSS

:last-child {
  déclarations css;
}

Détails techniques

Version : CSS3

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette pseudo-classe en pleine mesure.

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6

Pages connexes

Référence :Pseudo-classe :last-of-type CSS