CSS :is() pseudoklasiikka

Määrittely ja käyttö

CSS :is() Pseudoklasiikat sovelletaan yhtä aikaa kaikkiin sisällä oleviin elementteihin.

:is() Pseudoklasiikalle tarvitaan pilkulla erotettu valitselijalistana parametrina.

Vinkki:Kun käsitellään HTML-osia ja otsikoita::is() Pseudoklasiikat ovat erittäin hyödyllisiä.

Katso seuraava esimerkki:

:is(section, article) :is(h1, h2, h3, h4, h5, h6) {
  color: green;
}

Tämä on samanarvoinen:

section h1, section h2, section h3, section h4, section h5, section h6, article h1, article h2, article h3, article h4, article h5, article h6 {
  color: green;
}

Esimerkki

Sovitaan punainen tekstinäyttöväri p.intro-, <ul>- ja <ol>-elementeille:

:is(p.intro, ul, ol) {
  color: red;
}

Kokeile itse!

CSS-grammatiikka

:is(selector-list) {
  css-declarationit;
}

Tekninen yksityiskohta

Selaimen tuki

Taulukossa olevat numerot määrittelevät ensimmäisen selaimen version, joka täysin tukee tätä pseudoklasiikkia.