CSS [ominaisuus|=arvo] Valitsin

Määrittely ja käyttö

CSS [ominaisuus|=arvo] Valitsin käytetään valitsemaan elementtejä, joilla on määritetty tietty ominaisuus ja jonka arvo täsmää tai alkaa määritetystä arvosta (--) eteenpäin.

Huomaa:Arvon on oltava täysin oma sana, joko yksinään tai viivalla (--) jäljessä, kuten lang="en" tai lang="en-us".

Esimerkki

Esimerkki 1

Valitse ja aseta lang-ominaisuuden arvoksi "en" tai "en-" elementin tyylit:

[lang|="en"] {
  background-color: keltainen;
}

Kokeile itse

Esimerkki 2

Valitse ja aseta class-ominaisuuden arvoksi "top" tai "top-" elementin tyylit:

[class|="top"] {
  background-color: keltainen;
}

Kokeile itse

CSS-grammatiikka

[ominaisuus |= arvo] {
  css-deklaratiot;
}

Tekninen yksityiskohta

Versio: CSS2

Selaimen tuki

Taulukossa olevat luvut ilmaisevat ensimmäisen selaimen version, joka täysin tukee tätä valitsinta.

Chrome Edge Firefox Safari Opera
4.0 7.0 2.0 3.1 9.6

Liittyvät sivut

CSS-opas:CSS ominaisuusvalitsin

CSS-opas:CSS-ominaisuusvalitsimen yksityiskohtainen selitys