Attributselektor für Bindestrich im Wert

Der Attributselektor für Bindestrich im Wert wendet einen Stil auf ein Element an, dessen Attributwerte durch Bindestriche getrennt sind.

Beispiel

Lassen Sie uns alle Elemente finden, bei denen in den durch Bindestrich getrennten Werten text vorkommt und sie rot einfärben:

html<p class="text-main-header">text1</p>
<p class="text-content">text2</p>
<p class="test-main">text3</p>
<p class="tag-test">text4</p>

cssp[class|="text"] {
  color: red;
}

Результат:

Attributselektor,
der ein Element nach dem Attributnamen sucht
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
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
Geschwister-Selektor,
der es ermöglicht, Elemente nach einem bestimmten Element auszuwählen
Universalselektor,
der es ermöglicht, alle Elemente auszuwählen