Что можешь рассказать про специфичность CSS-селекторов?

Специфичность CSS-селекторов — это механизм, который определяет, какой стиль будет применён к элементу, если несколько правил конфликтуют.

Специфичность считается по определённым правилам:

• Inline-стили (например, style="...") имеют наивысшую специфичность.
• Идентификаторы (#id) дают большую специфичность.
• Классы (.class), псевдоклассы (:hover), атрибуты ([type="text"]) имеют среднюю специфичность.
• Теги (div, p) и псевдоэлементы (::before) имеют низкую специфичность.

Пример подсчёта:

• #header — специфичность 0,1,0,0
• .menu — 0,0,1,0
• div — 0,0,0,1

Чем выше специфичность, тем приоритетнее правило. Если специфичность равна, то учитывается порядок объявления — последнее правило перекроет предыдущее.

Это важно учитывать при написании CSS, чтобы избежать неожиданных конфликтов и обеспечить правильное применение стилей.