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 тегинин ичиндеги каалаган ата-эне тегинин ичинде жайгашкан бардык абзацтарды тандай турган селекторду жазыңыз.