CSS :first-child pseudoklass

Definition och användning

CSS :first-child Pseudoklasser används för att välja element som är den första underenheten i sitt föräldrelement (i en grupp av syskonelement).

Exempel

Exempel 1

Välj och ställ in stilen för varje <p>-element som är den första underenheten i sitt föräldrelement:

p:first-child {
  background-color: yellow;
}

Prova själv

Exempel 2

Välj och ställ in stilen för varje <i>-element som är den första underenheten i sitt föräldrelement:

i:first-child {
  background: yellow;
}

Prova själv

Exempel 3

Välj och ställ in stilen för den första <li>-elementet i listan:

li:first-child {
  background: yellow;
}

Prova själv

Exempel 4

Välj och ställ in stilen för den första underenheten i varje <ul>-element:

ul > :first-child {
  background: yellow;
}

Prova själv

CSS-syntax

:first-child {
  css-uttryck;
}

Tekniska detaljer

Webbläsarstöd

Talen i tabellen specificerar den första webbläsarversionen som fullständigt stöder pseudoklassen.