К содержанию

Attributväljare efter text

Attributväljare efter text applicerar en stil på ett element vars attributvärde innehåller en specifik text.

Exempel

Låt oss hitta länkar som innehåller test i sina attribut och ändra deras färg till grön:

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;
}

Результат:

Se även

väljare för attribut,
som söker element efter attributnamn
väljare för attribut,
som söker element efter attributvärde
väljare för attribut,
som söker element efter början av attributvärdet
väljare för attribut,
som söker element efter slutet av attributvärdet
väljare för attribut,
som söker element efter ett av attributvärdena
väljare för attribut,
som söker element efter bindestreck i attributvärdet
Barnväljare,
som låter dig välja element efter direkt inbäddning
Kontextuell väljare,
som låter dig välja ett element efter dess förälder
Angränsande syskonväljare,
som låter dig välja ett element efter dess granne
Syskonväljare,
som låter dig välja element efter ett givet element
Universell väljare,
som låter dig välja alla element