Selektor podľa jednej z hodnôt atribútu

Selektor podľa jednej z hodnôt atribútu nastavuje štýl elementu, ktorý má v atribúte aspoň jednu z uvedených hodnôt. Pritom všetky hodnoty atribútu musia byť oddelené medzerou.

Príklad

Poďme nájsť všetky <p>, ktoré obsahujú v jednej z hodnôt test, a prefarbiť ich na modrú farbu:

<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>

p[class~="test"] {
	color: blue;
}

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 spojovníka v hodnote 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
Susedský selektor,
ktorý umožňuje vybrať elementy za daným elementom
Univerzálny selektor,
ktorý umožňuje vybrať všetky elementy