Sélecteur universel en CSS

Le sélecteur universel * permet de sélectionner tous les éléments.

Exemple

Sélectionnons tous les éléments et colorons-les en rouge :

* {
	color: red;
}

Exemple

Sélectionnons tous les éléments se trouvant à l'intérieur de la balise div et colorons-les en rouge :

div * {
	color: red;
}

Exemple

Sélectionnons tous les éléments se trouvant directement à l'intérieur de la balise div et colorons-les en rouge :

div > * {
	color: red;
}

Exemple

Sélectionnons toutes les balises span qui se trouvent à l'intérieur de n'importe quelle balise, laquelle à son tour se trouve à l'intérieur de la balise div :

div * span {
	color: red;
}

Tâches pratiques

Code donné :

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

Écrivez un sélecteur qui sélectionnera tous les paragraphes se trouvant à l'intérieur de n'importe quel parent à l'intérieur de la balise main.