Attributwert-Endeselektor

Der Attributwert-Endeselektor wendet einen Stil auf ein Element an, bei dem der Wert eines Tag-Attributs mit einem bestimmten Text endet.

Beispiel

Nehmen wir den Tag a, bei dem der Wert des Attributs href auf .html endet und färben ihn rot ein:

<a href="file.html">link1</a>
<a href="https://code.mu">link2</a>

a[href$=".html"] {
	color: red;
}

Attributselektor,
der ein Element anhand des Attributnamens sucht
Attributselektor,
der ein Element anhand des Attributwerts sucht
Attributselektor,
der ein Element anhand des Anfangs des Attributwerts sucht
Attributselektor,
der ein Element anhand von Text im Attributwert sucht
Attributselektor,
der ein Element anhand eines der Attributwerte sucht
Attributselektor,
der ein Element anhand eines Bindestrichs im Attributwert sucht
Kindselektor,
der es ermöglicht, Elemente nach direkter Verschachtelung auszuwählen
Kontextselektor,
der es ermöglicht, ein Element anhand seines Elternelements auszuwählen
Angrenzender Geschwisterselektor,
der es ermöglicht, ein Element anhand seines Nachbarelements auszuwählen
Geschwisterselektor,
der es ermöglicht, Elemente nach einem bestimmten Element auszuwählen
Universalselektor,
der es ermöglicht, alle Elemente auszuwählen