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

Загальний селектор 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;
}

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

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

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

• Модуль Селектори CSS
• Вивчаймо CSS – Селектори