CSS yhdistäjä viittausopas

CSS-komposiitit

Komposiitti on symboli, joka selittää valitsinten välisiä suhteita.

Seuraavassa taulukossa esitetään CSS:ssä käytettävät erilaiset komposiitot:

Nimi Symboli Esimerkki Esimerkki kuvaus
Lapsikomposiittori > div > p Valitse kaikki <p> -elementit, jotka ovat <div> -elementin suorat lapsen elementit.
Lapsikomposiittori （yksi välilyöntiä) div p Valitse kaikki <p> -elementit, jotka ovat <div> -elementin sisällä.
Nimeäspace erotin | ns | h2 Valitse kaikki <h2> -elementit, jotka kuuluvat nimeäspace ns.
Läheiset veljekset + div + p Valitse ensimmäinen <p> -elementti, joka on suoraan <div> -elementin jälkeen.
Valitselijalistat , div, p Valitaan kaikki <div>-elementit ja kaikki <p>-elementit.
Seuraavan veljen yhdistelmävalitsin ~ p ~ ul Valitaan kaikki <ul>-elementit, joilla on <p>-elementti ennen niitä.