Как браузер читает CSS

Браузер парсит CSS в несколько этапов:

1. Парсинг - преобразует текст CSS в объектную модель (CSSOM)
2. Каскадирование - определяет приоритеты стилей (специфичность, важность, источник)
3. Расчет значений - конвертирует относительные единицы (em, rem, %) в пиксели
4. Формирование дерева рендеринга - комбинирует DOM и CSSOM

Пример специфичности (от высшего к низшему):

#id {}         /* 100 */
.class {}      /* 10 */
div {}         /* 1 */
* {}           /* 0 */
!important     /* перебивает все */

Важно: браузер читает CSS сверху вниз, последнее правило при равной специфичности имеет приоритет.