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

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

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