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

Коротко: Специфічність вирішує, яке правило CSS переможе, коли до одного елемента застосовно кілька. Що точніший селектор, то вища його вага.

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