Seletor Universal em CSS

O seletor universal * permite selecionar todos os elementos.

Exemplo

Vamos selecionar todos os elementos e colori-los de vermelho:

css* {
  color: red;
}

Exemplo

Vamos selecionar todos os elementos localizados dentro da tag div e colori-los de vermelho:

cssdiv * {
  color: red;
}

Exemplo

Vamos selecionar todos os elementos localizados diretamente dentro da tag div e colori-los de vermelho:

cssdiv > * {
  color: red;
}

Exemplo

Vamos selecionar todas as tags span que estão dentro de qualquer tag que por sua vez está dentro da tag div:

cssdiv * span {
  color: red;
}

Tarefas práticas

Задание 1

Dado o código:

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

Escreva um seletor que selecione todos os parágrafos localizados dentro de qualquer elemento pai dentro da tag main.