Selektor po vrednosti atributa

Selektor po vrednosti atributa omogućava vam da izaberete elemente po prisustvu određenog atributa ili njegove vrednosti i primenite na njih željeni stil.

Primer

Hajde da se obratimo tagu input, kome je vrednost atributa type jednaka text, i dodelimo mu plavu boju pozadine:

html<p>
  <label>Unesi tekst</label>
  <input type="text">
</p>
<p>
  <label>Unesi broj</label>
  <input type="number">
</p>
cssinput[type="text"] {
  background-color: #C2DDFD;
}

Результат:

Pogledajte takođe

  • selektor atributa,
    koji traži element po imenu atributa
  • selektor atributa,
    koji traži element po početku vrednosti atributa
  • selektor atributa,
    koji traži element po kraju vrednosti atributa
  • selektor atributa,
    koji traži element po tekstu u vrednosti atributa
  • selektor atributa,
    koji traži element po jednoj od vrednosti atributa
  • selektor atributa,
    koji traži element po crtici u vrednosti atributa
  • Child selektor,
    koji vam omogućava da izaberete elemente po direktnom ugnježdenju
  • Kontekstualni selektor,
    koji vam omogućava da izaberete element po njegovom roditelju
  • Susedni selektor,
    koji vam omogućava da izaberete element po njegovom susedu
  • Srodnički selektor,
    koji vam omogućava da izaberete elemente nakon određenog
  • Univerzalni selektor,
    koji vam omogućava da izaberete sve elemente