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