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 і ігнорується іншими браузерами.