Какой приоритет селекторов в CSS

Приоритет селекторов в CSS определяется по весу (специфичности) и порядку применения. Специфичность рассчитывается так:

1. Inline-стили (атрибут style="") — 1000
2. ID (#id) — 100
3. Классы, атрибуты, псевдоклассы (.class, [type="text"], :hover) — 10
4. Теги и псевдоэлементы (div, ::before) — 1

Пример:

#header .menu li.active {} /* 100 + 10 + 1 + 10 = 121 */
div#header .menu li {}    /* 1 + 100 + 10 + 1 = 112 */

Важно:

• Селектор !important переопределяет все (кроме другого !important с тем же свойством).
• При равной специфичности побеждает последний объявленный стиль.