Універсальны селектар у CSS

Універсальны селектар * дазваляе выбіраць усе элементы.

Прыклад

Давайце выбяром усе элементы і пафарбуем іх у чырвоны колер:

* {
	color: red;
}

Давайце выбяром усе элементы, якія знаходзяцца ўнутры тэга div, і пафарбуем іх у чырвоны колер:

div * {
	color: red;
}

Давайце выбяром усе элементы, непасрэдна якія знаходзяцца ўнутры тэга div, і пафарбуем іх у чырвоны колер:

div > * {
	color: red;
}

Давайце выбяром усе тэгі span, якія знаходзяцца ўнутры любога тэга, які ў сваю чэргу знаходзіцца ўнутры тэга div:

div * span {
	color: red;
}

Дадзены код:

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

Напішыце селектар, які выбяре ўсе абзацы, якія знаходзяцца ўнутры любога бацькі ўнутры тэга main.