Der Attributselektor wählt Elemente nach einem Attribut aus, wahlweise nach dessen Vorhandensein oder nach seinem Wert.
- Attributselektor
Selektor in eckigen Klammern, der Elemente nach einem Attribut oder dessen Wert auswählt.
Beispiel: „Ein Attributselektor steht in eckigen Klammern hinter dem Element.“
Die Schreibweisen
a[target] { }
input[type="email"] { }
a[href^="https://"] { }
a[href$=".pdf"] { }
[data-zustand*="offen"] { }Ohne Wert prüft er nur, ob das Attribut da ist. Mit Gleichheitszeichen auf genauen Wortlaut. Das Dach meint beginnt mit, das Dollarzeichen endet mit, das Sternchen enthält.
Wofür das praktisch ist
Externe Links und PDF-Verweise automatisch kennzeichnen, Formularfelder nach ihrem Typ gestalten, Zustände über data-Attribute sichtbar machen. Sein Gewicht entspricht dem einer Klasse.