CSS-тегі жалпыланған селекторы

Жалпыланған селектор * барлық элементтерді таңдауға мүмкіндік береді.

Мысал

Барлық элементтерді таңдап, оларды қызыл түске бояйық:

* {
	color: red;
}

div тегінің ішіндегі барлық элементтерді таңдап, оларды қызыл түске бояйық:

div * {
	color: red;
}

div тегінің тікелей ішіндегі барлық элементтерді таңдап, оларды қызыл түске бояйық:

div > * {
	color: red;
}

div тегінің ішіндегі кез келген тегдің ішінде орналасқан барлық span тегдерін таңдайық:

div * span {
	color: red;
}

Берілген код:

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

main тегінің ішіндегі кез келген ата-ананың ішінде орналасқан барлық абзацтарды таңдайтын селекторды жазыңыз.