Селектор по вредност на атрибут

Селекторот по вредност на атрибут овозможува избирање на елементи според присуството на одреден атрибут или неговата вредност и примена на потребниот стил на нив.

Пример

Да го земеме тегот input, каде вредноста на атрибутот type е text, и да му доделиме сина боја на позадина:

html<p>
  <label>Внесете текст</label>
  <input type="text">
</p>
<p>
  <label>Внесете број</label>
  <input type="number">
</p>
cssinput[type="text"] {
  background-color: #C2DDFD;
}

Результат:

Погледнете ги и

  • селектор атрибут,
    кој бара елемент по име на атрибут
  • селектор атрибут,
    кој бара елемент по почеток на вредноста на атрибутот
  • селектор атрибут,
    кој бара елемент по крај на вредноста на атрибутот
  • селектор атрибут,
    кој бара елемент по текст во вредноста на атрибутот
  • селектор атрибут,
    кој бара елемент по една од вредностите на атрибутот
  • селектор атрибут,
    кој бара елемент по цртичка во вредноста на атрибутот
  • Детски селектор,
    кој овозможува избирање на елементи по непосредно вгнездување
  • Контекстуален селектор,
    кој овозможува избирање на елемент според неговиот родител
  • Соседски селектор,
    кој овозможува избирање на елемент според неговиот сосед
  • Селектор на сестрински елементи,
    кој овозможува избирање на елементи по зададениот
  • Универзален селектор,
    кој овозможува избирање на сите елементи