Какие есть приоритеты у CSS селекторов

Селекторы в CSS имеют разный вес, который определяет их приоритет. Вот порядок от наименьшего к наибольшему:

1. Тип селектора (div, p) — самый низкий приоритет.
2. Классы, псевдоклассы, атрибуты (.class, :hover, [type="text"]).
3. ID (#id) — выше классов.
4. Inline-стили (style="color: red") — приоритетнее ID.
5. !important — перебивает все, но злоупотреблять не стоит.

Пример:

div { color: black; }          /* 1 (тип) */
.text { color: blue; }         /* 10 (класс) */
#header { color: green; }      /* 100 (ID) */
style="color: red"             /* 1000 (inline) */
div { color: yellow !important; } /* !important перебивает всё */

Важно: при равном весе побеждает последний объявленный стиль.