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