Может просто понятнее напишу. Речь о переопределении стилей, т.е. о противоречии во входяших условиях. Приоритет определяется
специфичностью.
Что простым языком тот же приоритет. Например если ты напишешь такой код:
.class {
color: red;
color: blue;
}
То цвет будет голубой, а в дебаггере первое свойство будет перечеркнуто, т.к. то, что ниже → приоритетнее. Звучит просто, но это работает только в плоскости, специфичность штука, которая не только про порядок, но и про вложенность, !important-ы и т.д.
Именно поэтому рекомендуется медиа-запросы оформлять после в порядке возрастания запроса, т.е. сперва дефолтные стили, потом для таблеток, и так далее. Это подход mobile-first. Но на самом деле не так важна последовательность, сколько отсутствие переопределений. Как по мне.
