*

Оновлено: 09.01.2023

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

Іноді потрібно встановити одночасно один стиль для всіх елементів веб-сторінки, наприклад, задати шрифт або накреслення тексту. У цьому випадку допоможе універсальний селектор, який відповідає будь-якому елементу веб-сторінки.

У CSS3 універсальний селектор застосовується також у комбінації з простором імен.

  • ns|* — усі елементи в просторі імен ns.
  • *|* — усі елементи в просторі всіх імен.
  • |* — усі елементи без явної вказівки простору імен.

Синтаксис

* { Опис правил стилю }

Для позначення універсального селектора застосовується символ зірочки (*). У деяких випадках вказувати універсальний селектор не обов'язково. Так, наприклад, записи *.class і .class є ідентичними за своїм результатом.

Приклад

Примітка

Браузер Internet Explorer до шостої версії включно розуміє конструкцію * html, що нелогічно, оскільки тег <html> є тегом верхнього рівня і вище за нього жодних елементів бути не може. Ця помилка іноді застосовується, щоб створити стиль для IE6, наприклад конструкція * html body { ... } буде додавати стиль для селектора body в IE6 і нижче і не працює в інших браузерах.

У браузері Internet Explorer 7 у разі додавання універсального селектора перед ім'ям селектора без пробілів, він сприймається як контекстний селектор. Так, запис *body працює тільки в IE7 та ігнорується іншими браузерами.