CSS3 [ominaisuus^=arvo] Valitsin

Määritelmä ja käyttö

CSS [ominaisuus^=arvo] Valitsin käytetään vastaamaan kaikkia ominaisuusarvoa määrittävää elementtiä, jonka arvo alkaa annetulla arvolla.

Esimerkki

Esimerkki 1

Aseta taustaväri kaikille class-ominaisuuden arvo alkaa kirjaimella "test" oleville <div>-elementeille:

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

Kokeile itse

Esimerkki 2

Aseta taustaväri kaikille elementeille, joiden class-ominaisuuden arvo alkaa kirjaimella "test":

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

Kokeile itse

CSS-grammatiikka

[ominaisuus ^= arvo] {
  css lausunnot;
}

Tekninen yksityiskohta

Selaintuki

Taulukossa olevat numerot merkitsevät ensimmäistä selainta, joka täysin tukee tätä valitsinta.