Универсальный селектор в CSS

Универсальный селектор * позволяет выбирать все элементы.

Пример1

Давайте выберем все элементы и покрасим их в красный цвет:

* {
	color: red;
}

Давайте выберем все элементы, находящиеся внутри тега div, и покрасим их в красный цвет:

div * {
	color: red;
}

Давайте выберем все элементы, непосредственно находящиеся внутри тега div, и покрасим их в красный цвет:

div > * {
	color: red;
}

Давайте выберем все теги span, которые находятся внутри любого тега, который в свою очередь находится внутри тега div:

div * span {
	color: red;
}