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

Базовая поддержка Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

Универсальный селектор CSS (*) соответствует элементам любого типа.

/* Selects all elements */
* {
  color: green;
}

Универсальный селектор — это особый селектор типа, поэтому при использовании @namespace ему можно задать пространство имён. Это полезно при работе с документами, содержащими несколько пространств имён, например с HTML со встроенным SVG или MathML либо с XML, объединяющим несколько словарей.

ns|* — соответствует всем элементам в пространстве имён ns
*|* — соответствует всем элементам
|* — соответствует всем элементам без объявленного пространства имён

Примечание: Универсальный селектор (*) соответствует только элементам. Сам по себе он не соответствует псевдоэлементам.

Например, чтобы выбрать все псевдоэлементы ::before на странице, нужно использовать селектор вида *::before. Это работает, поскольку * соответствует всем элементам, а псевдоэлемент ::before доступен для всех элементов.

Синтаксис

* { style properties }

Звёздочку можно опустить в простых селекторах. Например, *.warning и .warning эквивалентны.

Примеры

CSS

* [lang^="en"] {
  color: green;
}

*.warning {
  color: red;
}

*#maincontent {
  border: 1px solid blue;
}

.floating {
  float: left;
}

/* automatically clear the next sibling after a floating element */
.floating + * {
  clear: left;
}

HTML

<p class="warning">
  <span lang="en-us">A green span</span> in a red paragraph.
</p>
<p id="maincontent" lang="en-gb">
  <span class="warning">A red span</span> in a green paragraph.
</p>

Результат

Пространства имён

В этом примере селектор будет соответствовать только элементам в пространстве имён example.

@namespace example url("http://www.example.com/");
example|* {
  color: blue;
}

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

Спецификация
Селекторы уровня 4 # the-universal-selector

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

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari на iOS	Samsung Internet	WebView для Android	WebView на iOS
`universal`	1	12	1	3.5	1	18	4	10.1	1	1.0	4.4	1
`namespaces`	1	12	1	8	1.3	18	4	10.1	1	1.0	4.4	1

См. также

Модуль селекторов CSS
Изучение CSS: базовые селекторы

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/Universal_selectors