Что такое специфичность CSS-селектора?

Специфичность определяет приоритет селектора внутри сопоставимых правил каскада: ID сильнее классов, атрибутов и псевдоклассов, а те — тегов и псевдоэлементов.

Сравнивают тройку количества ID, классов/атрибутов/псевдоклассов и тегов/псевдоэлементов слева направо. Например, #app .item специфичнее .page .item. Универсальный селектор и комбинаторы веса не добавляют. Специфичность применяется после более ранних шагов каскада: происхождения, важности и слоёв. При равных прочих условиях и весе побеждает более позднее правило; это не простая сумма баллов всех CSS-правил.