Selector după valoarea atributului

Selectorul după valoarea atributului vă permite să selectați elementele după prezența unui anumit atribut sau a valorii acestuia și să aplicați stilul necesar acestora.

Exemplu

Să ne referim la tag-ul input, ale cărui valoare a atributului type este text, și să-i setăm culoarea de fundal albastru deschis:

html<p>
  <label>Introdu text</label>
  <input type="text">
</p>
<p>
  <label>Introdu numărul</label>
  <input type="number">
</p>

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

Результат:

Vedeți și