CSS barnkomponenter (>)

Definition och användning

CSS underelementskombinator (>) används för att välja element som är direkt under ett specifikt föräldrelement.

Det element som matchas av den andra selektorn måste vara ett direkt underelement till det element som matchas av den första selektorn.

Observera:Element som inte är en direkt underelement till den angivna föräldrelementet väljs inte ut.

Exempel

Välj och ställ in stilen för varje <p>-element som är en direkt underelement till <div>-elementet:

div > p {
  background-color: gold;
  border: 1px solid gray;
}

Prova själv

CSS-syntax

element1 > element2 {
  css-uttryck;
}

Tekniska detaljer

Webbläsarstöd

Tabellens numrer representerar den första webbläsarversionen som fullständigt stöder denna kombinator.