Selektor podle hodnoty atributu
Selektor podle hodnoty atributu umožňuje vybrat prvky podle přítomnosti určitého atributu nebo jeho hodnoty a aplikovat na ně požadovaný styl.
Příklad
Podívejme se na tag input,
u kterého je hodnota atributu type
rovna text, a nastavme mu světle modrou barvu
pozadí:
<p>
<label>Zadejte text</label>
<input type="text">
</p>
<p>
<label>Zadejte číslo</label>
<input type="number">
</p>
input[type="text"] {
background-color: #C2DDFD;
}
:
Viz také
-
selektor atributu,
který hledá prvek podle názvu 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 -
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 -
Univerzální selektor,
který umožňuje vybrat všechny prvky
