Что такое `!important` в CSS?

Question

Accepted Answer

## Главная мысль

Флаг `!important` повышает приоритет объявления в каскаде: такое правило бьёт обычные объявления той же origin/layer, пока другое `!important` не перебьёт по специфичности/порядку.

```css
.button {
  color: white !important; /* старайтесь не надо */
}
```

Использовать стоит редко: утилиты-исключения, сторонние виджеты, accessibility overrides. Ломает предсказуемость каскада и усложняет отладку.

В каскаде есть слои (`@layer`), которые тоже влияют на порядок до/вместе с important.

## Итог

`!important` — аварийный рычаг, не стиль кодирования по умолчанию.