Selektor atributu podle pomlčky v hodnotě
Selektor atributu podle pomlčky v hodnotě aplikuje styl na prvek, jehož hodnoty atributu jsou odděleny pomlčkou.
Příklad
Pojďme najít všechny prvky, které mají
v hodnotách oddělených pomlčkou text
a přebarvit je na červenou:
<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;
}
:
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 jedné z 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 -
Univerzální selektor,
který umožňuje vybrat všechny prvky
