Selektor atribútu podľa textu

Selektor atribútu podľa textu aplikuje štýl na element, ktorého hodnota atribútu tagu obsahuje určitý text.

Príklad

Nájdeme odkazy, ktoré obsahujú v atribútoch test, a prefarbíme ich na zelenú farbu:

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

Результат:

Pozrite tiež

  • selektor atribútu,
    ktorý hľadá element podľa názvu atribútu
  • selektor atribútu,
    ktorý hľadá element podľa hodnoty atribútu
  • selektor atribútu,
    ktorý hľadá element podľa začiatku hodnoty atribútu
  • selektor atribútu,
    ktorý hľadá element podľa konca hodnoty atribútu
  • selektor atribútu,
    ktorý hľadá element podľa jednej z hodnôt atribútu
  • selektor atribútu,
    ktorý hľadá element podľa spojovníka v hodnote atribútu
  • DCérsky selektor,
    ktorý umožňuje vybrať elementy podľa priamej vnorenia
  • Kontextový selektor,
    ktorý umožňuje vybrať element podľa jeho rodiča
  • Susediaci selektor,
    ktorý umožňuje vybrať element podľa jeho suseda
  • Súrodencovský selektor,
    ktorý umožňuje vybrať elementy po zadanom
  • Univerzálny selektor,
    ktorý umožňuje vybrať všetky elementy