Почему если подключать стили @media ( max-width :XXXpx ) отдельным css файлом, они работают, а если вставлять стили прям в HTML, не работают?

Question

[Капитан Какао]

Всем привет.
Сделал адаптивный лендинг.
В head подключаю 2 css стиля "style.css" и "media-style.css".
Всё отлично работает.
Но если взять все стили css и вместо того, что бы подключать их отдельными файлами вставить в тег прям в html файл. Почему-то media перестаёт адекватно работать, при ресайзе всё едет.
В чём может быть проблема?

Answer 1

[Dmitry Pavlov]

Есть приоритетность применения правил стилей в CSS. Подключение стиля перегружающего текущий - надо делать после текущего, разумеется.

Answer 2

[Капитан Какао]

Короче, методом тыка и проб выяснил, что если вы решили подключать css стили прям в HTML, нужно соблюдать правильный порядок.
В начале подключаем основные стили, и только после них должны ити стили с @medi.
Иначе работать они будут через жопу.