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