Селектор по име на атрибут

Селекторът по име на атрибут задава стил на елемент, който има само указания атрибут на тага.

Пример

Нека се обърнем към тага <input>, с атрибут type, и да му зададем светлосин цвят на фона:

html<p>
  <label>Въведете текст</label>
  <input>
</p>
<p>
  <label>Въведете число</label>
  <input type="number">
</p>
cssinput[type] {
  background-color: #C2DDFD;
}

Результат:

Вижте също

  • селектор на атрибут,
    който търси елемент по стойност на атрибута
  • селектор на атрибут,
    който търси елемент по начало на стойността на атрибута
  • селектор на атрибут,
    който търси елемент по край на стойността на атрибута
  • селектор на атрибут,
    който търси елемент по текст в стойността на атрибута
  • селектор на атрибут,
    който търси елемент по една от стойностите на атрибута
  • селектор на атрибут,
    който търси елемент по дефис в стойността на атрибута
  • Дъщерен селектор,
    който позволява избор на елементи по непосредствена влагане
  • Контекстен селектор,
    който позволява избор на елемент по неговия родител
  • Съседен селектор,
    който позволява избор на елемент по негов съсед
  • Братски селектор,
    който позволява избор на елементи след зададен
  • Универсален селектор,
    който позволява избор на всички елементи