Selektor podle jedné z hodnot atributu

Selektor podle jedné z hodnot atributu nastavuje styl prvku, který má v atributu alespoň jednu z uvedených hodnot. Přitom všechny hodnoty atributu musí být odděleny mezerou.

Příklad

Pojďme najít všechny <p>, které obsahují v jedné z hodnot test, a přebarvíme je na modrou barvu:

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

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

Viz také

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