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

Селектор по имени атрибута задает стиль элементу, у которого есть только указанный атрибут тега.

Пример

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

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

Результат:

Смотрите также

  • селектор атрибута,
    который ищет элемент по значению атрибута
  • селектор атрибута,
    который ищет элемент по началу значения атрибута
  • селектор атрибута,
    который ищет элемент по концу значения атрибута
  • селектор атрибута,
    который ищет элемент по тексту в значении атрибута
  • селектор атрибута,
    который ищет элемент по одному из значений атрибута
  • селектор атрибута,
    который ищет элемент по дефису в значении атрибута
  • Дочерний селектор,
    который позволяет выбрать элементы по непосредственной вложенности
  • Контекстный селектор,
    который позволяет выбрать элемент по его родителю
  • Соседний селектор,
    который позволяет выбрать элемент по его соседу
  • Родственный селектор,
    который позволяет выбрать элементы после заданного
  • Универсальный селектор,
    который позволяет выбрать все элементы