| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
| 5.0 + | 8.0 + | 1.0 + | 3.5 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Іноді потрібно встановити одночасно один стиль для всіх елементів веб-сторінки, наприклад, задати шрифт або зображення тексту. В цьому випадку допоможе універсальний селектор, який відповідає будь-якому елементу веб-сторінки.
Синтаксис
* {Опис правил стилю}
Для позначення універсального селектора застосовується символ зірочки (*). У деяких випадках вказувати універсальний селектор не обов'язково. Так, наприклад, записи *. Class і . Class є ідентичними за своїм результатом.
Приклад
HTML5 CSS 2.1 IE Cr Op Sa Fx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
Універсальний селектор </title>
<style>
* {margin: 0; padding: 0; /* Прибираємо відступи і поля для всіх елементів */
}
</style>
</head>
<body>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </p>
</body>
</html>
Браузери
Браузер Internet Explorer до шостої версії включно розуміє конструкцію * html, що нелогічно, оскільки тег <html> є тегом верхнього рівня і вище нього ніяких елементів бути не може. Ця помилка іноді застосовується, щоб створити стиль тільки для IE6, наприклад конструкція * html body {...} буде додавати стиль для селектора body тільки в IE6 і не працює в інших браузерах.
у браузері Internet Explorer 7 при додаванні універсального селектора перед ім'ям селектора без пробілів, він сприймається як контекстний селектор. Так, запис * body працює лише в IE7 і ігнорується іншими браузерами.