CSS [attribuutti~=arvo] valitsin
- edellinen sivu [attribute=value]
- Seuraava sivu [attribute|=value]
- Palaa ylös CSS valitsinviittausopas
Määrittely ja käyttö
CSS [attribuutti~=arvo] Valitsin käytetään elementtien valitsemiseen, joiden ominaisuusarvo sisältää tietyn sanan.
Seuraava esimerkki sopii elementeille, joissa on title="flower", title="summer flower" ja title="flower new", mutta ei elementeille, joissa on title="my-flower" tai title="flowers".
Esimerkki
Valitse ja aseta kaikkien title-ominaisuuden sisältämien sanojen "flower" elementtien tyylit:
[title~="flower"] {
border: 5px solid green;
}
CSS-grammatiikka
[attribuutti ~= 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
- edellinen sivu [attribute=value]
- Seuraava sivu [attribute|=value]
- Palaa ylös CSS valitsinviittausopas
