Selettore Universale in CSS

Il selettore universale * permette di selezionare tutti gli elementi.

Esempio

Selezioniamo tutti gli elementi e coloriamoli di rosso:

* {
	color: red;
}

Selezioniamo tutti gli elementi che si trovano all'interno del tag div e coloriamoli di rosso:

div * {
	color: red;
}

Selezioniamo tutti gli elementi che si trovano direttamente all'interno del tag div e coloriamoli di rosso:

div > * {
	color: red;
}

Selezioniamo tutti i tag span che si trovano all'interno di qualsiasi elemento, che a sua volta si trova all'interno del tag div:

div * span {
	color: red;
}

Dato il codice:

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

Scrivi un selettore che selezioni tutti i paragrafi che si trovano all'interno di qualsiasi genitore all'interno del tag main.