Какие селекторы имеют наивысший приоритет в CSS

Наивысший приоритет имеют инлайн-стили (style=""), затем !important. Далее идут ID-селекторы (#id), классы/атрибуты/псевдоклассы (.class, [type="text"], :hover), и наконец, теги/псевдоэлементы (div, ::before).

Пример:

#header { color: blue; } /* 1. ID */
.header { color: red !important; } /* !important перебивает */
div { color: green; } /* Тег */

Порядок специфичности (от высокого к низкому):

1. Инлайн-стили
2. !important
3. ID
4. Классы/атрибуты/псевдоклассы
5. Теги/псевдоэлементы

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