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

Универсальный селектор, обозначаемый символом звёздочки ( * ), соответствует любому (каждому) элементу. Если его поставить перед блоком объявлений, то это будет эквивалентно групповому селектору, содержащему перечисление всех элементов в документе. Например, чтобы изменить цвет текста во всех элементах на синий, можно написать:

* { color: blue; }

Универсальный селектор вместе с комбинатором дочерних элементов, позволяет выбрать все дочерние элементы, имеющие указанного родителя:

div > * { color: green; }
.myClass > * { color: green; }

В данном случае во всех дочерних элементах, родителем которых является элемент <div> или элемент с атрибутом class со значением myClass, цвет текста будет изменён на зелёный.

Пример

* { color: red; }
.myClass * { background-color: yellow; }

<div>Текст всех элементов будет изменён на красный.</div>

<h2>Заголовок второго уровня</h2>

<p class="myClass">Только <span>эта часть предложения</span>
будет выделена жёлтым фоном.</p>