Универсальные селекторы

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Краткое описание

Звёздочка (*) - универсальный селектор для CSS. Соответствует любому тегу. Убирая звёздочки с простых селекторов имеет тот же эффект. Например, * .warning и .warning считаются равными.

В CSS 3, звёздочка (*) может использоваться в комбинации с пространством имён

  • ns|* - вхождения всех элементов в пространстве имён ns
  • *|* - находит все элементы
  • |* - ищет все элементы без объявленного пространства имён

Пример

css
*[lang^="en"] {
  color: green;
}
*.warning {
  color: red;
}
*#maincontent {
  border: 1px solid blue;
}
html

  Зелёный span в красном параграфе.




  Красный span в зелёном параграфе.

Спецификации

Specification
Selectors Level 4
# the-universal-selector

Совместимость с браузерами