Selektor podľa hodnoty atribútu
Selektor podľa hodnoty atribútu umožňuje vybrať elementy podľa prítomnosti určitého atribútu alebo jeho hodnoty a aplikovať na ne požadovaný štýl.
Príklad
Poďme sa obrátiť na tag input,
ktorého hodnota atribútu type
je text, a nastavme mu modrú farbu
pozadia:
<p>
<label>Zadajte text</label>
<input type="text">
</p>
<p>
<label>Zadajte číslo</label>
<input type="number">
</p>
input[type="text"] {
background-color: #C2DDFD;
}
:
Pozrite tiež
-
selektor atribútu,
ktorý hľadá element podľa názvu 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 -
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 -
Súrodencovský selektor,
ktorý umožňuje vybrať elementy za daným elementom -
Univerzálny selektor,
ktorý umožňuje vybrať všetky elementy
