CSS [attribute=arvo] Valitsin

Määrittely ja käyttö

CSS [attribute=arvo] Valitsija valitsee elementit, joilla on määritelty tietty ominaisuus ja joiden ominaisuuden arvo täsmää täysin.

Esimerkki

Esimerkki 1

Valitse ja aseta kaikkien target="_blank" -ominaisyydellä varustettujen <a>-elementtien tyylit. Samalla valitse ja aseta kaikkien lang="it" -ominaisyydellä varustettujen <p>-elementtien tyylit:

a[target="_blank"] {
  background-color: yellow;
}
p[lang="it"] {
  background-color: salmon;
}

Kokeile itse

Esimerkki 2

Aseta <input type="text">-elementin leveys 100px:lle. Kun se saa kohdistuksen, aseta sen leveys 250px:ksi:

input[type="text"] {
  width: 100px;
}
input[type="text"]:focus {
  width: 250px;
}

Kokeile itse

CSS-grammatiikka

[attribute = arvo]}
  css-deklarointi;
}

Tekninen yksityiskohta

Selaintuen

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