Почему не применяются стили из media query?

Question

[Ростислав Сергеевич]

Привет.
Столкнулся с проблемой: CSS отказывается применять стили из документа с медиа-запросами без !important. Вот так работает: А вот так нет: Причём так абсолютно для всех стилей. Пользуюсь gulp, sass, но не думаю, что это - корень проблемы

Comments

[Ivan Bogachev]

Селекторы с такой глубокой вложенностью - зло. Вы можете выложить полный вариант ваших стилей / ссылку на демку / сайт? Чувствую, что проблема может быть в том, что где-то еще есть более специфичные селекторы.

[Ростислав Сергеевич]

Залил gulp-проект на файлообменник. Вы можете либо запустить gulp в корне, либо открыть файл media.css через sublime

[Ankhena]

Ростислав Сергеевич:
Возможные варианты:
1. Специфичность селекторов
2. Порядок селекторов.

Залил gulp-проект на файлообменник

Качать архивы станут только истинные герои.
Выложите код на jsfiddle.net или аналоги.

[Ankhena]

Самый простой способ выяснить что перебивает ваши стили - это открыть инструменты разработчика в браузере и посмотреть

[Ростислав Сергеевич]

Всем спасибо за ответы. Мне они не пригодились, но уверен, пригодятся кому-нибудь другому, у которого возникнет схожая проблема.

ЗЫ: Трабла была в том, что из-за sass все селекторы в main.css начинались с body. А в media.sass я начинал их с .wrapper.

Иногда встречаются такие, проблемы на решение которых уходит много времени, поэтому хочу дать совет новичкам, да и не только: Делайте всё сразу правильно, аккуратно и ровно и следите за своими пальчиками. Всем печенек

Answer 1

[Ростислав Сергеевич]

Ответы в комментариях ↑