Wat is een attribuutselector in CSS?

De attribuutselector in CSS maakt het mogelijk om HTML-elementen te selecteren op basis van de aanwezigheid of de waarde van een specifiek attribuut. Dit is handig wanneer je stijlen wilt toepassen op elementen met bepaalde attributen, bijvoorbeeld links met een specifieke href of input-velden van het type checkbox.

Voorbeeld van gebruik:

/* Selecteer alle elementen met het attribuut title */
[title] {
  color: blue;
}

/* Selecteer alle input met type="text" */
input[type="text"] {
  border: 1px solid #ccc;
}

/* Selecteer alle links waarvan href begint met https */
a[href^="https"] {
  font-weight: bold;
}

Op deze manier breiden attribuutselectors de stylingmogelijkheden uit door gericht elementen te targeten op basis van hun attributen.