Selektor nach einem der Attributwerte
Der Selektor nach einem der Attributwerte legt den Stil für ein Element fest, bei dem im Attribut mindestens einer der angegebenen Werte vorhanden ist. Dabei müssen alle Werte des Attributs durch Leerzeichen getrennt sein.
Beispiel
Lassen Sie uns alle <p> finden, die
in einem der Werte test enthalten, und sie
in Blau umfärben:
<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>
p[class~="test"] {
color: blue;
}
:
Siehe auch
-
Selektor Attribut,
der ein Element nach dem Attributnamen sucht -
Selektor Attribut,
der ein Element nach dem Attributwert sucht -
Selektor Attribut,
der ein Element nach dem Anfang des Attributwerts sucht -
Selektor Attribut,
der ein Element nach dem Ende des Attributwerts sucht -
Selektor Attribut,
der ein Element nach Text im Attributwert sucht -
Selektor Attribut,
der ein Element nach einem Bindestrich im Attributwert sucht -
Kind-Selektor,
der es ermöglicht, Elemente nach direkter Verschachtelung auszuwählen -
Kontextueller Selektor,
der es ermöglicht, ein Element nach seinem Elternelement auszuwählen -
Angrenzender Geschwister-Selektor,
der es ermöglicht, ein Element nach seinem Nachbarelement auszuwählen -
Allgemeiner Geschwister-Selektor,
der es ermöglicht, Elemente nach einem bestimmten Element auszuwählen -
Universalselektor,
der es ermöglicht, alle Elemente auszuwählen
