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

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
<p class="warning">
  <span lang="en-us">Зелёный span</span> в красном параграфе.
</p>
<p id="maincontent" lang="en-gb">
  <span class="warning">Красный span</span> в зелёном параграфе.
</p>

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

Specification
Selectors Level 4
# the-universal-selector

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