CSS [attribut=värde] Väljare

Definition och användning

CSS [attribut=värde] Väljare används för att välja element som har en specificerad egenskap och där egenskapsvärdet helt matchar.

Exempel

Exempel 1

Välj och ställ in stilen för alla <a>-element med target="_blank". Samt välj och ställ in stilen för alla <p>-element med lang="it":

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

Prova själv

Exempel 2

Ställ in bredden på <input type="text">-elementet till 100px. Men när det får fokus, ställ in bredden till 250px:

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

Prova själv

CSS-syntax

[attribut = värde}] {
  css-uttryck;
}

Tekniska detaljer

Webbläsarstöd

Talen i tabellen indikerar den första webbläsarversionen som fullständigt stöder denna val