Для чего нужен !Important

!important используется в CSS для принудительного повышения приоритета стиля, переопределяя другие правила, даже более специфичные. Это полезно, когда нужно гарантировать применение стиля, несмотря на каскадные конфликты.

Пример:

.button {
  color: blue;
}

.button {
  color: red !important; /* Применится, несмотря на порядок */
}

Когда использовать:

• Временные исправления (но лучше разобраться с CSS-специфичностью).
• Переопределение стилей из внешних библиотек, где нельзя изменить исходный код.

Минусы:

• Усложняет поддержку кода.
• Может привести к "гонке" !important, когда приходится добавлять его снова для переопределения.