Як !important впливає на порядок джерел?

!important піднімає правило на самий верх каскаду всередині свого джерела, тобто змушує браузер застосувати цю властивість поверх звичайних правил, навіть якщо в них вища специфічність.

Спрощений порядок (від слабкого до сильного):

1. Звичайні стилі браузера
2. Звичайні користувацькі стилі
3. Звичайні авторські стилі
4. Авторські стилі з !important
5. Користувацькі стилі з !important
6. Системні стилі браузера з !important (майже не трапляються)

Тобто !important фактично створює окремий «шар» поверх звичайних правил, але всередині цього шару специфічність і порядок оголошення все ще діють.

Підсумок: !important різко посилює правило в ланцюжку каскаду, але не скасовує специфічність серед інших !important-правил.