Selektor atribútu podľa pomlčky v hodnote

Selektor atribútu podľa pomlčky v hodnote aplikuje štýl na element, ktorého hodnoty atribútu sú oddelené pomlčkou.

Príklad

Nájdeme všetky elementy, ktoré majú v hodnotách oddelených pomlčkou text a prefarbíme ich na červenú:

html<p class="text-main-header">text1</p>
<p class="text-content">text2</p>
<p class="test-main">text3</p>
<p class="tag-test">text4</p>
cssp[class|="text"] {
  color: red;
}

Результат:

Pozri 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 textu v hodnote atribútu
  • selektor atribútu,
    ktorý hľadá element podľa jednej z hodnôt atribútu
  • DCérsky selektor,
    ktorý umožňuje vybrať elementy podľa priamej vnorenosti
  • 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 za daným elementom
  • Univerzálny selektor,
    ktorý umožňuje vybrať všetky elementy