Специфичность CSS

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

Подробнее: Браузер считает для каждого селектора три значения: идентификаторы (ID), классы/атрибуты/псевдоклассы и имена элементов. Побеждает правило с большим значением (сравнивается слева направо). При равенстве учитывается более позднее правило.