# Универсальный селектор в 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`.

← →
↑