CSS :first-child pseudoklasse

DefinITION OG BRUG

CSS :first-child Pseudoklasser bruges til at vælge elementer, der er den første underelement i deres forælder (i en gruppe af brødrene).

Eksempel

Eksempel 1

Vælg og indstil stilen for hver <p>-element, der er den første underelement i sin forælder.

p:first-child {
  baggrund-farve: gul;
}

Prøv det selv

Eksempel 2

Vælg og indstil stilen for hver <i>-element, der er den første underelement i sin forælder.

i:first-child {
  baggrund: gul;
}

Prøv det selv

Eksempel 3

Vælg og indstil stilen for den første <li>-element i listen.

li:first-child {
  baggrund: gul;
}

Prøv det selv

Eksempel 4

Vælg og indstil stilen for den første underelement i hver <ul>-element.

ul > :first-child {
  baggrund: gul;
}

Prøv det selv

CSS-syntaks

:first-child {
  css-deklarationer;
}

Tekniske detaljer

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter pseudoklassen.