Что делает !important и когда это проблема?

Question

Accepted Answer

## Механика

`!important` повышает приоритет объявления внутри своего origin. Спорить с ним можно только другим `!important` (+ слои/origin subtleties) — начинается гонка.

```css
.btn { color: blue !important; } /* потом сложно переопределить темой */
```

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

Редкие утилиты (`hidden`), user-style overrides, борьба с легаси третьей стороны на время. Не как стиль архитектуры компонентов.

Симптом плохой специфичности: длинные селекторы → `!important` → ещё более хрупкий CSS. Лечите слоями, `:where`, рефакторингом, а не усилителем.

## Итог

`!important` ломает предсказуемость каскада; допустим точечно, вреден как привычка.