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ú:
<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>
p[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
