Selektor podle názvu atributu

Selektor podle názvu atributu nastavuje styl prvku, který má pouze uvedený atribut tagu.

Příklad

Podívejme se na tag <input>, s atributem type, a nastavme mu světle modrou barvu pozadí:

html<p>
  <label>Zadejte text</label>
  <input>
</p>
<p>
  <label>Zadejte číslo</label>
  <input type="number">
</p>
cssinput[type] {
  background-color: #C2DDFD;
}

Результат:

Viz také

  • 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
  • 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 po zadaném
  • Univerzální selektor,
    který umožňuje vybrat všechny prvky