CSS lapsielementti-yhdistäjä (>)

Määrittely ja käyttö

CSS-lapsien yhdistäjä (>) käytetään valitsemaan elementti, joka on tietyn isäntäelementtin suora lapsi.

Toisen valitsimen vastaava elementti on oltava ensimmäisen valitsimen vastaavan elementin suora lapsi.

Huomioitavaa:Elementti, joka ei ole määritetty suoraan isäntäelementtinä, ei valita.

Esimerkki

Valitse ja aseta kaikkien <div>-elementin suorana lapsenä olevien <p>-elementtien tyylit:

div > p {
  taustaväri: kultainen;
  reunus: 1px tiivis harmaa;
}

Kokeile itse!

CSS-grammatiikka

elementti1 > elementti2 {
  css-deklaratiot;
}

Tekninen yksityiskohta

Selaimen tuki

Taulukossa olevat numerot merkitsevät ensimmäistä selainta, joka täysin tukee kyseistä yhdistäjää.