Что такое specificity в CSS?

Specificity — это вес селектора, определяющий какое правило победит при конфликте. Считается как (a, b, c): a — id селекторы (#id), b — классы, атрибуты, псевдоклассы (.class, [attr], :hover), c — теги и псевдоэлементы (div, ::before). #nav .item = (1, 1, 0) побеждает .nav .item.active = (0, 2, 1). inline-стили выше всего, !important перебивает всё. Каскад: specificity → порядок в коде → наследование. Понимание specificity спасает от хаоса в стилях.