Универсальный селектор в 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>