CSS3 [ominaisuus$=arvo] Valitsin

Määritelmä ja käyttö

CSS [ominaisuus$=arvo] Valitsin käytetään vastaamaan kaikkia ominaisuusarvolla määriteltyjä elementtejä, joiden arvo päättyy tiettyyn arvoon.

Esimerkki

Esimerkki 1

Aseta tyylejä kaikille class-ominaisuukseltaan päättyville <div>-elementeille:

div[class$="test"] {
  background: salmon;
}

Kokeile itse

Esimerkki 2

Aseta tyylejä kaikille elementeille, joiden class-ominaisuuden arvo päättyy "test"-sanalla:

[class$="test"] {
  background: salmon;
}

Kokeile itse

CSS-grammatiikka

[ominaisuus $= arvo] {
  css lausunnot;
}

Tekninen yksityiskohta

Versio: CSS3

Selaimen tuki

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

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

Liittyvät sivut

CSS-opas:CSS ominaisuusvalitsin

CSS-opas:CSS-attribute valitsimet syvällisesti selitetty