Universal-Selektor in CSS

Der Universal-Selektor * erlaubt es, alle Elemente auszuwählen.

Beispiel

Lassen Sie uns alle Elemente auswählen und sie rot einfärben:

* {
	color: red;
}

Lassen Sie uns alle Elemente auswählen, die sich innerhalb des div-Tags befinden, und sie rot einfärben:

div * {
	color: red;
}

Lassen Sie uns alle Elemente auswählen, die sich direkt innerhalb des div-Tags befinden, und sie rot einfärben:

div > * {
	color: red;
}

Lassen Sie uns alle span-Tags auswählen, die sich innerhalb eines beliebigen Tags befinden, der seinerseits innerhalb des div-Tags liegt:

div * span {
	color: red;
}

Gegeben ist der Code:

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

Schreiben Sie einen Selektor, der alle Absätze auswählt, die sich innerhalb eines beliebigen Elternelements innerhalb des main-Tags befinden.