CSS :last-child-pseudoklass

Definition och användning

CSS :last-child Pseudoklasser används för att matcha alla element som är den sista barnen till deras förälderelement.

Tips:p:last-child är lika med p:nth-last-child(1).

Exempel

Ange bakgrundsfärg för <p>-elementet som är den sista barnen till förälderelementet. Samt ange bakgrundsfärg för <li>-elementet som är den sista barnen till förälderelementet:

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

Prova själv

CSS-syntax

:last-child {
  css-deklarationer;
}

Tekniska detaljer

Version: CSS3

Webbläsarstöd

Tabellens nummer anger den första webbläsarversion som fullständigt stöder den här pseudoklassen.

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6

Relaterade sidor

Referens:CSS :last-of-type pseudoklass