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í:

html<p>
  <label>Zadejte text</label>
  <input type="text">
</p>
<p>
  <label>Zadejte číslo</label>
  <input type="number">
</p>

cssinput[type="text"] {
  background-color: #C2DDFD;
}

Результат:

Viz také