CSS [attribute=waarde] Selector

Definitie en gebruik

CSS [attribute=waarde] De selector wordt gebruikt om elementen te selecteren die de gespecificeerde eigenschap hebben en waarde volledig overeenkomen.

Voorbeeld

Voorbeeld 1

Selecteer en stel de stijl in van alle <a>-elementen met target="_blank". Selecteer en stel ook de stijl in van alle <p>-elementen met lang="it":

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

Probeer het zelf

Voorbeeld 2

Stel de breedte van het <input type="text">-element in op 100px. Echter, wanneer het focus krijgt, stel de breedte in op 250px:

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

Probeer het zelf

CSS syntaxis

[attribute = waarde] {
  css declarations;
}

Technische details

Browserondersteuning

De cijfers in de tabel geven de eerste browserversie aan die deze selector volledig ondersteunt.