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

Универсалният селектор * позволява избор на всички елементи.

Пример

Нека изберем всички елементи и ги оцветим в червено:

css* {
  color: red;
}

Пример

Нека изберем всички елементи, намиращи се вътре в тага div, и ги оцветим в червено:

cssdiv * {
  color: red;
}

Пример

Нека изберем всички елементи, непосредствено намиращи се вътре в тага div, и ги оцветим в червено:

cssdiv > * {
  color: red;
}

Пример

Нека изберем всички тагове span, които се намират вътре в който и да е таг, който от своя страна се намира вътре в тага div:

cssdiv * span {
  color: red;
}

Практически задачи

html<main>
  <p>---</p>
  <p>---</p>
  
  <div>
    <p>+++</p>
    <p>+++</p>
  </div>
  <section>
    <p>+++</p>
    <p>+++</p>
  </section>
</main>