Как приоритезируется комбинированный селектор

Комбинированные селекторы приоритезируются по следующим правилам:

1. Идентификаторы (#id) — 100 очков за каждый
2. Классы (.class), атрибуты ([type="text"]) и псевдоклассы (:hover) — 10 очков за каждый
3. Элементы (div) и псевдоэлементы (::before) — 1 очко за каждый
4. Универсальный селектор (*) и комбинаторы (>, +, ~) — 0 очков

Пример:

#header .nav li.active a:hover {
  /* 
    #header — 100
    .nav — 10
    li — 1
    .active — 10
    a — 1
    :hover — 10
    Итого: 132
  */
}

При равенстве очков побеждает селектор, объявленный позже в CSS.