Универсальный селектор * позволяет выбирать все элементы.
Пример1
Давайте выберем все элементы и покрасим их в красный цвет:
* {
color: red;
}
Пример2
Давайте выберем все элементы, находящиеся внутри тега div, и покрасим их в красный цвет:
div * {
color: red;
}
Пример3
Давайте выберем все элементы, непосредственно находящиеся внутри тега div, и покрасим их в красный цвет:
div > * {
color: red;
}
Пример4
Давайте выберем все теги span, которые находятся внутри любого тега, который в свою очередь находится внутри тега div:
div * span {
color: red;
}