Приоритет между встроенными стилями и селекторами CSS работает следующим образом:

1. Встроенные стили (заданные через атрибут style) имеют самый высокий приоритет (1000 баллов). 2
2. Для других селекторов браузеры используют алгоритм, где каждому типу начисляется определённое количество баллов, определяющее вес селектора: 2

• универсальный селектор — количество начисляемых баллов равно нулю (0); 2
• селекторы тегов и псевдоэлементы — по одному (1) баллу за каждый; 2
• селекторы атрибутов, классы и псевдоклассы — по десять (10) баллов за каждый; 2
• идентификаторы — по сто (100) баллов за каждый идентификатор, находящийся в селекторе. 2

1. Стили того селектора, который наберёт больший вес, в конечном итоге и будут применены к элементу. 2

Если два селектора, воздействующие на один и тот же HTML-элемент, наберут одинаковое число баллов, то будут использованы стилевые свойства того, который находится в приёмнике ниже. 2

«Перебить» специфичность встроенных стилей можно только одним способом — использовать модификатор !important. 4