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

При одинаковой специфичности и прочих равных выигрывает правило, расположенное позже в порядке источника. Порядок имён классов в HTML этого не меняет.

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

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

При одинаковой специфичности и прочих равных выигрывает правило, расположенное позже в порядке источника. Порядок имён классов в HTML этого не меняет.

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

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

При одинаковой специфичности и прочих равных выигрывает правило, расположенное позже в порядке источника. Порядок имён классов в HTML этого не меняет.

Прежде сравниваются другие уровни каскада, включая происхождение, important и cascade layers. Если они различаются, правило «последний победил» может не сработать. Также учитывайте shorthand: более поздняя сокращённая запись способна переопределить несколько ранее заданных свойств.

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

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

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

Подробнее