Какой самый высокий приоритет CSS Selector

Самый высокий приоритет у инлайн-стилей (`style=""`), за ними идут ID-селекторы (`#id`), затем классы/псевдоклассы/атрибуты (`.class`, `:hover`, `[type="text"]`), и наконец, теги/псевдоэлементы (`div`, `::before`). Но если используется `!important`, оно переопределяет все, включая инлайн-стили. Однако злоупотреблять им не стоит — это антипаттерн. Пример: ```css #header { color: blue; } /* 1-0-0 */ .header { color: green; } /* 0-1-0 */ div { color: red; } /* 0-0-1 */ ``` В этом случае цвет будет `purple` (инлайн), но если добавить `!important` к любому правилу, оно победит.