Универсальный селектор (CSS Selector)

Описание

Универсальный селектор соответствует любому типу элемента. Это может подразумеваться (и поэтому опускаться), если это не единственный компонент простого селектора. Два примера селектора, показанные здесь, эквивалентны:

*.warning {
  ⋮ declarations
}
.warning {
  ⋮ declarations
}

Важно не путать универсальный селектор с символом подстановки — универсальный селектор не соответствует «нулю или большему количеству элементов». Рассмотрим следующий фрагмент HTML:

  <Тело>
   <DIV>
     <h1> <em> Универсальный </ em> селектор </ h1>
     <p> Мы должны <em> подчеркнуть </ em> следующее: </ p>
     <UL>
       <li> Это <em> не </ em> подстановочный знак. </ li>
       <li> Соответствует элементам независимо от <em> типа </ em>. </ li>
     </ UL>
     Это <em> непосредственный </ em> дочерний элемент подразделения.
   </ DIV>
 </ Body> 

Селектор div * emem

• «Универсальный» в элементе h1*<h1>
• «Подчеркивать» в элементе p*<p>
• «Not» в первом элементе li*<ul><li>
• «Type» во втором элементе li*<ul><li>

Однако он не будет соответствовать элементу <em>immediate</em>div<div><em>*

пример

Этот набор правил будет применяться к каждому элементу в документе:

 * {
  margin: 0;
  padding: 0;
}