Attributwert-Selektor

Der Attributwert-Selektor ermöglicht es, Elemente basierend auf dem Vorhandensein eines bestimmten Attributs oder seines Werts auszuwählen und die gewünschten Stile auf sie anzuwenden.

Beispiel

Wenden wir uns dem Tag input zu, bei dem der Wert des Attributs type gleich text ist, und weisen ihm eine hellblaue Hintergrundfarbe zu:

<p>
	<label>Text eingeben</label>
	<input type="text">
</p>
<p>
	<label>Zahl eingeben</label>
	<input type="number">
</p>

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

Siehe auch

Attribut-Selektor,
der Elemente nach dem Attributnamen sucht
Attribut-Selektor,
der Elemente nach dem Anfang des Attributwerts sucht
Attribut-Selektor,
der Elemente nach dem Ende des Attributwerts sucht
Attribut-Selektor,
der Elemente nach Text im Attributwert sucht
Attribut-Selektor,
der Elemente nach einem der Attributwerte sucht
Attribut-Selektor,
der Elemente nach einem Bindestrich im Attributwert sucht
Kind-Selektor,
der die Auswahl von Elementen basierend auf direkter Verschachtelung ermöglicht
Kontextueller Selektor,
der die Auswahl eines Elements basierend auf seinem Elternelement ermöglicht
Angrenzender Geschwister-Selektor,
der die Auswahl eines Elements basierend auf seinem Nachbarelement ermöglicht
Geschwister-Selektor,
der die Auswahl von Elementen nach einem bestimmten Element ermöglicht
Universalselektor,
der die Auswahl aller Elemente ermöglicht