Attribuutwaarde-selector

De attribuutwaarde-selector maakt het mogelijk om elementen te selecteren op basis van de aanwezigheid van een specifiek attribuut of zijn waarde en de gewenste stijl op hen toe te passen.

Voorbeeld

Laten we naar de tag input kijken, waarvan de waarde van het attribuut type gelijk is aan text, en hem een lichtblauwe kleur van de achtergrond geven:

html<p>
  <label>Voer tekst in</label>
  <input type="text">
</p>
<p>
  <label>Voer nummer in</label>
  <input type="number">
</p>

cssinput[type="text"] {
  background-color: #C2DDFD;
}

Результат:

Zie ook