@media запросы, как отключить наследование стилей?

Question

[neznaiaka]

media запросы как известно наследуют стили от меньшего к большему, а что если меня устраивает вид сайта на 1200px и больше, 992px и больше, т.е. я здесь код не пишу, там пусто. А вот с 768px я написал стили, но теперь они наследуются, и на больших разрешениях что зря. Что я упустил?

Answer 1

[Арсений Матыцин]

как известно наследуют стили от меньшего к большему

Это бред, медиазапросы работают так, как ты их настраиваешь, если тебе нужно задать стилизацию для конкретного диапазона размеров, то пишешь @media (min-width:xxpx) and (max-width:xxpx).

Если же что-то работает «не так» — борозди свой код на предмет тупых утечек. Такое бывает. Если код нашинкован, то понять, где косяк поможет source-map в этапе сборки.

Comments

[neznaiaka]

действительно был косяк в коде.Разобрался.

Answer 2

[Rsa97]

Если вы просто указали медиа-запрос для разрешений, больших 768, то он и будет для всех разрешений, больших 768, в том числе и для 992 и для 1200. Поставьте ограничение сверху.

Comments

[neznaiaka]

дело в том что у меня вот такая запись media (min-width: 768px) and (max-width: 991.98px) {
}

[Сергей Яковлев]

neznaiaka, Ну и?.. Ошибок нет, работает.