Селектор па значэнні атрiбута

Селектор па значэнні атрiбута дазваляе выбраць элементы па наяўнасці ў іх пэўнага атрiбута ці яго значэння і ўжыць да іх патрэбны стыль.

Прыклад

Давайце звернемся да тэга input, у якога значэнне атрiбута type роўнае text, і зададзім яму блакітны колер фона:

html<p>
  <label>Увядзіце тэкст</label>
  <input type="text">
</p>
<p>
  <label>Увядзіце лік</label>
  <input type="number">
</p>
cssinput[type="text"] {
  background-color: #C2DDFD;
}

Результат:

Глядзіце таксама