CSS :last-child pseudoklasse

Definitie en gebruik

CSS :last-child Pseudoklassen worden gebruikt om elk element te matchen dat de laatste kindelement is van zijn ouder.

Tip:p:last-child is equivalent aan p:nth-last-child(1).

Voorbeeld

Specificeer de achtergrondkleur voor het <p>-element van de laatste kindelement van de ouder. Specificeer ook de achtergrondkleur voor het <li>-element van de laatste kindelement van de ouder:

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

Probeer het zelf uit

CSS-syntaxis

:last-child {
  css-declaraties;
}

Technische details

Browserondersteuning

De getallen in de tabel specificeren de eerste browserversie die de pseudoklasse volledig ondersteunt.

Gerelateerde pagina's

Referentie:CSS :last-of-type pseudoklasse