Selectorul universal în CSS

Selectorul universal * permite selectarea tuturor elementelor.

Exemplu

Să selectăm toate elementele și să le colorăm în roșu:

css* {
  color: red;
}

Să selectăm toate elementele care se află în interiorul tag-ului div și să le colorăm în roșu:

cssdiv * {
  color: red;
}

Să selectăm toate elementele care se află direct în interiorul tag-ului div și să le colorăm în roșu:

cssdiv > * {
  color: red;
}

Să selectăm toate tag-urile span care se află în interiorul oricărui tag, care la rândul său se află în interiorul tag-ului div:

cssdiv * span {
  color: red;
}

Задание 1

Dat fiind codul:

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

Scrieți un selector care va selecta toate paragrafele care se află în interiorul oricărui părinte din tag-ul main.