Selektor atributu podle textu

Selektor atributu podle textu aplikuje styl na element, jehož hodnota atributu tagu obsahuje určitý text.

Příklad

Pojďme najít odkazy obsahující v atributech test a přebarvíme je na zelenou:

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

Результат:

Viz také

  • selektor atributu,
    který hledá element podle názvu atributu
  • selektor atributu,
    který hledá element podle hodnoty atributu
  • selektor atributu,
    který hledá element podle začátku hodnoty atributu
  • selektor atributu,
    který hledá element podle konce hodnoty atributu
  • selektor atributu,
    který hledá element podle jedné z hodnot atributu
  • selektor atributu,
    který hledá element podle pomlčky v hodnotě atributu
  • Dceřiný selektor,
    který umožňuje vybrat elementy podle přímého vnoření
  • Kontextový selektor,
    který umožňuje vybrat element podle jeho rodiče
  • Sousedský selektor,
    který umožňuje vybrat element podle jeho souseda
  • Sesterský selektor,
    který umožňuje vybrat elementy za zadaným
  • Univerzální selektor,
    který umožňuje vybrat všechny elementy