Selektor podľa názvu atribútu

Selektor podľa názvu atribútu nastavuje štýl elementu, ktorý má iba špecifikovaný atribút tagu.

Príklad

Poďme sa obrátiť na tag <input>, s atribútom type, a nastavme mu modrú farbu pozadia:

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

Результат:

Pozrite tiež

  • selektor atribútu,
    ktorý hľadá element podľa hodnoty 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úrodenecký selektor,
    ktorý umožňuje vybrať elementy po zadanom
  • Univerzálny selektor,
    ktorý umožňuje vybrať všetky elementy