Какой селектор самый специфичный

Самый специфичный селектор — это инлайн-стиль (style=""), но среди CSS-селекторов самым специфичным будет комбинация ID, классов, атрибутов и псевдоклассов.

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

1. !important (но это не селектор, а модификатор)
2. Инлайн-стили (style="")
3. ID (#element)
4. Классы (.class), атрибуты ([type="text"]), псевдоклассы (:hover)
5. Элементы (div), псевдоэлементы (::before)

Пример самого специфичного CSS-селектора:

#header .menu li.active:hover { ... }  

Здесь:

• #header (ID)
• .menu (класс)
• li (элемент)
• .active (класс)
• :hover (псевдокласс)