В какую сторону идет определение специфичности в CSS

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

1. Инлайн-стили (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#main .item {}       /* 1 + 100 + 10 = 111 */

Важно: !important переопределяет все, а одинаковую специфичность побеждает последний объявленный стиль.