Загальні селектори

Загальний селектор CSS (*) дає збіг з елементами будь-якого типу.

/* Вибирає всі елементи */
* {
  color: green;
}

Загальний селектор – це спеціальний селектор типу, а отже, до нього при використанні @namespace можна додати простір імен. Це корисно при роботі з документами, що містять кілька просторів імен, таких як HTML зі вбудованими SVG або MathML, або XML, що поєднує кілька словників.

  • ns|* – дає збіг з усіма елементами в просторі імен ns
  • *|* – дає збіг з усіма елементами
  • |* – дає збіг з усіма елементами без простору імен

Синтаксис

* { style properties }

Зірочка є необов'язковою для простих селекторів. Наприклад, *.warning і .warning еквівалентні.

Приклади

CSS

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

*.warning {
  color: red;
}

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

.floating {
  float: left;
}

/* автоматично звільняти наступний сестринський елемент після рухомого елемента */
.floating + * {
  clear: left;
}

HTML

<p class="warning"><span lang="uk">Зелений уривок</span> у червоному абзаці.</p>
<p id="maincontent" lang="uk">
  <span class="warning">Червоний уривок</span> у зеленому абзаці.
</p>

Результат

Простори імен

У цьому прикладі селектор дає збіг лише з елементами в просторі імен example.

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

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

Сумісність із браузерами

desktop mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on iOS Samsung Internet
Universal selector (*)
Chrome Full support 1
Edge Full support 12
Firefox Full support 1
Internet Explorer Full support 7
Opera Full support 3.5
Safari Full support 1
WebView Android Full support 37
Chrome Android Full support 18
Firefox for Android Full support 4
Opera Android Full support 10.1
Safari on iOS Full support 1
Samsung Internet Full support 1.0
Namespaces (*|*)
Chrome Full support 1
Edge Full support 12
Firefox Full support 1
Internet Explorer Full support 9
Opera Full support 8
Safari Full support 1.3
WebView Android Full support 37
Chrome Android Full support 18
Firefox for Android Full support 4
Opera Android Full support 10.1
Safari on iOS Full support 1
Samsung Internet Full support 1.0

Дивіться також