Καθολικός Επιλογέας στο CSS

Ο καθολικός επιλογέας * επιτρέπει την επιλογή όλων των στοιχείων.

Παράδειγμα

Ας επιλέξουμε όλα τα στοιχεία και ας τα χρωματίσουμε κόκκινα:

* {
	color: red;
}

Ας επιλέξουμε όλα τα στοιχεία που βρίσκονται μέσα στην ετικέτα div και ας τα χρωματίσουμε κόκκινα:

div * {
	color: red;
}

Ας επιλέξουμε όλα τα στοιχεία που βρίσκονται άμεσα μέσα στην ετικέτα div και ας τα χρωματίσουμε κόκκινα:

div > * {
	color: red;
}

Ας επιλέξουμε όλες τις ετικέτες span που βρίσκονται μέσα σε οποιαδήποτε ετικέτα, η οποία με τη σειρά της βρίσκεται μέσα στην ετικέτα div:

div * span {
	color: red;
}

Δίνεται ο κώδικας:

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

Γράψτε έναν επιλογέα που θα επιλέξει όλες τις παραγράφους, που βρίσκονται μέσα σε οποιονδήποτε γονέα μέσα στην ετικέτα main.