Оновлено: 19.05.2025

Universal selector

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

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

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

ns|* — усі елементи в просторі імен ns.

*|* — усі елементи в просторі всіх імен.

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

 

 

Синтаксис

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

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

 

 

Приклад

<!DOCTYPE html>
<html>
  <head>
   <metacharset="utf-8">
   <title>Universal Selector</title>
   <style>
    * {
     margin: 0;
     padding: 0; /* Remove padding and margins for all elements */
    }
   </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>