Was ist ein Attribut-Selektor in CSS?

Der Attribut-Selektor in CSS ermöglicht die Auswahl von HTML-Elementen basierend auf der Anwesenheit oder dem Wert eines bestimmten Attributs. Das ist praktisch, wenn man Stile auf Elemente mit bestimmten Attributen anwenden möchte, zum Beispiel Links mit einem bestimmten href oder Input-Elemente vom Typ Checkbox.

Beispiel für die Verwendung:

/* Alle Elemente mit dem Attribut title auswählen */
[title] {
  color: blue;
}

/* Alle input-Elemente mit type="text" auswählen */
input[type="text"] {
  border: 1px solid #ccc;
}

/* Alle Links auswählen, deren href mit https beginnt */
a[href^="https"] {
  font-weight: bold;
}

Auf diese Weise erweitern Attribut-Selektoren die Styling-Möglichkeiten, indem sie es erlauben, Elemente anhand ihrer Attribute gezielt anzusprechen.