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

Специфичность определяет приоритет конкурирующих CSS-селекторов внутри сопоставимого уровня каскада: ID сильнее классов, а классы сильнее тегов.

Короткий ответ

Что ответить на собеседовании

Специфичность определяет приоритет конкурирующих CSS-селекторов внутри сопоставимого уровня каскада: ID сильнее классов, а классы сильнее тегов.

Подробный разбор

Ответ с пояснениями

Специфичность определяет приоритет конкурирующих CSS-селекторов внутри сопоставимого уровня каскада: ID сильнее классов, а классы сильнее тегов.

Сравнивают группы лексикографически, не складывая произвольные баллы. До специфичности учитываются origin, importance и layers; при равенстве могут действовать scope и порядок. :where имеет нулевую специфичность, поэтому удобен для переопределяемых базовых правил.

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее