Какая очередность приоритетов классов в CSS

Приоритетность CSS-классов определяется специфичностью (specificity) и порядком объявления.

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

Если специфичность одинакова, побеждает последний объявленный стиль.

Пример:

.button { color: red; }  /* Приоритет 0-1-0 */
#submit { color: blue; } /* Приоритет 1-0-0 (выше) */
button.button { color: green; } /* Приоритет 0-1-1 (выше первого) */

!important перебивает все, но злоупотреблять им не стоит.