Attributnamensselektor

Der Attributnamensselektor wendet einen Stil auf ein Element an, das nur das angegebene Tag-Attribut besitzt.

Beispiel

Wenden wir uns dem Tag <input> mit dem Attribut type zu und weisen ihm eine hellblaue Hintergrundfarbe zu:

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

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

Attributselektor,
der ein Element nach dem Attributwert sucht
Attributselektor,
der ein Element nach dem Anfang des Attributwerts sucht
Attributselektor,
der ein Element nach dem Ende des Attributwerts sucht
Attributselektor,
der ein Element nach Text im Attributwert sucht
Attributselektor,
der ein Element nach einem der Attributwerte sucht
Attributselektor,
der ein Element nach einem Bindestrich im Attributwert sucht
Kindselektor,
der es ermöglicht, Elemente nach direkter Verschachtelung auszuwählen
Kontextselektor,
der es ermöglicht, ein Element nach seinem Elternelement auszuwählen
Angrenzender Geschwisterselektor,
der es ermöglicht, ein Element nach seinem Nachbarelement auszuwählen
Geschwisterselektor,
der es ermöglicht, Elemente nach einem bestimmten Element auszuwählen
Universalselektor,
der es ermöglicht, alle Elemente auszuwählen