Почему медиазапросы находятся ниже основных элементов?

Question

[SzarekhWH]

Настраиваю лэндинг страницу под мобильные устройства. Прописываю все в медиазапрос под необходимый размер, но при просмотре в инспекторе страниц, все медиазапросы находятся ниже основного элемента и не активируются.
Хотелось бы узнать из-за чегог это происходит и как заставить их работать.

Answer 1

[leni_m]

потому что браузер читает сверху в низ, и медиа у вас на 3837 строке, а то что перезаписывает на 6960 строке, можно например, медиа опустить ниже того, что перезаписывает, либо сделать селекторы для медиа более "уточняющими", например body .pumping-title

Comments

[m_frost]

если через проект собирается с post css то можно mqpacker подключить он все запроси в конец css файла запихивает.

Answer 2

[Сергей delphinpro]

потому что сам медиазапрос не увеличивает специфичность селекторов и порядок следования имеет значение.