Attributselektor efter tekst

Attributselektor efter tekst anvender en stil til et element, hvis værdi af attributten indeholder en bestemt tekst.

Eksempel

Lad os finde links, der indeholder test i deres attributter, og ændre deres farve til 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 også

  • selektor for attribut,
    som finder et element efter attributtens navn
  • selektor for attribut,
    som finder et element efter attributtens værdi
  • selektor for attribut,
    som finder et element efter starten på attributtens værdi
  • selektor for attribut,
    som finder et element efter slutningen på attributtens værdi
  • selektor for attribut,
    som finder et element efter en af attributtens værdier
  • selektor for attribut,
    som finder et element efter en bindestreg i attributtens værdi
  • Barn-selektor,
    som giver mulighed for at vælge elementer efter direkte indlejring
  • Kontekstuel selektor,
    som giver mulighed for at vælge et element efter dets forælder
  • Nærliggende søskende-selektor,
    som giver mulighed for at vælge et element efter dets nabo
  • Generel søskende-selektor,
    som giver mulighed for at vælge elementer efter et givet element
  • Universel selektor,
    som giver mulighed for at vælge alle elementer