Attributselektor nach Text

Der Attributselektor nach Text wendet einen Stil auf ein Element an, bei dem der Wert des Attributs des Tags einen bestimmten Text enthält.

Beispiel

Lassen Sie uns Links finden, die in ihren Attributen test enthalten, und sie grün einfärben:

html<a href="https://test.com">link1</a>
<a href="">link2</a>
<a href="http://my-test.com">link3</a>

cssa[href*="test"] {
  color: green;
}

Результат:

Selektor nach Attribut,
der ein Element nach dem Attributnamen sucht
Selektor nach Attribut,
der ein Element nach dem Attributwert sucht
Selektor nach Attribut,
der ein Element nach dem Anfang des Attributwerts sucht
Selektor nach Attribut,
der ein Element nach dem Ende des Attributwerts sucht
Selektor nach Attribut,
der ein Element nach einem der Attributwerte sucht
Selektor nach 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
Geschwister-Selektor,
der es ermöglicht, Elemente nach einem bestimmten Element auszuwählen
Universalselektor,
der es ermöglicht, alle Elemente auszuwählen