Какой из селекторов CSS имеет наибольшую специфичность: тег, класс, ID?

При сопоставимых остальных условиях каскада ID специфичнее класса, а класс специфичнее тега; сравнение не является простой суммой произвольных баллов.

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

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

При сопоставимых остальных условиях каскада ID специфичнее класса, а класс специфичнее тега; сравнение не является простой суммой произвольных баллов.

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

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

При сопоставимых остальных условиях каскада ID специфичнее класса, а класс специфичнее тега; сравнение не является простой суммой произвольных баллов.

Например, #card сильнее .card, а .card сильнее div. Но сначала учитываются происхождение, важность и слои каскада. При равной специфичности и прочих условиях побеждает более позднее правило. Порядок классов в атрибуте class на это не влияет.

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

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

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

Подробнее