CSS [attribute=value] vælger

Definition og brug

CSS [attribute=value] Vælger bruges til at vælge elementer med en specifik egenskab og en egenskabsværdi, der helt matcher.

Eksempel

Eksempel 1

Vælg og indstil stilen for alle <a> elementer med target="_blank". Vælg også og indstil stilen for alle <p> elementer med lang="it":

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

Prøv det selv

Eksempel 2

Sæt bredden på <input type="text"> elementet til 100px. Men når det får fokus, sæt bredden til 250px:

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

Prøv det selv

CSS syntaks

[attribute = value] {
  css deklarationer;
}

Tekniske detaljer

Browserunderstøttelse

Tabeltalene viser den første browserversion, der fuldt ud understøtter denne vælger.