Что такое универсальный селектор `*` в CSS и когда его использовать?

Question

Accepted Answer

## Коротко

Универсальный селектор `*` выбирает **все элементы** в области, где он применён (обычно весь документ).

```css
* {
  box-sizing: border-box;
}
```

Частый приём: глобально задать `box-sizing`, иногда сброс margin/padding (осторожно — бьёт по производительности и наследуемым нюансам).

## Когда уместно

- Небольшой reset/`box-sizing` на корне.
- Редко — локально внутри компонента: `.card * { ... }` (ещё тяжелее читать).

## Когда лучше не надо

- Тяжёлые правила на `*` для больших страниц.
- Вместо явных селекторов «на всякий случай».

**Итог:** `*` — «все элементы»; удобен для точечных глобальных договорённостей, но не как основной стиль всего UI.