@media screen - не всегда работает - Вопросы по CSS

Доброе время суток, Форум!

Казалось бы вопрос пустяковый, но вот сталкиваюсь снова и снова.
Медиа-запрос == @media screen == не всегда хочет работать, особенно, когда указываешь диапазон от и до.
Вот к примеру, если необходимо, чтобы некое правило срабатывало везде, где размер окна 600 и меньше, то записываем
Тут все понятно
Вот как записать чтобы некое правило срабатывало, например, если размер окна от 600 до 800-та?
Вот с этим не всегда получается

Заранее, благодарен

https://www.w3schools.com/css/css3_mediaqueries_ex.asp пример 2

Если необходимо записать несколько, какая поочередность записи? От больших значений к меньшим
или как?

это зависит от того, какую стратегию CSS используете - mobile first или mobile last. почитайте про это. грубо говоря, что без @media у вас указано - для десктопа, или же для мобильных.

без Медиа --- для дескТопа

Если необходимо записать несколько, какая поочередность записи? От больших значений к меньшим

Код

@media screen and (max-width: 1000px) and (min-width: 700px) { класс, стиль }
@media screen and (max-width: 699px) and (min-width: 520px) { класс, стиль }

или как?

Обычно от меньшего к большему. + у тебя сам код выглядит не стабильно Да и зачем в таком случае писать диапазон. CSS читаеться сверху вниз и пишеться так же.
P.S совет зайти в любой фремворк bs или uikit и посмотри.

без Медиа --- для дескТопа

Не мобильники тоже разные бывают.Даже ноуты есть 1366, а есть и 3840

без Медиа --- для дескТопа

в таком случае это Mobile Last. считается устаревшим, и в фреймворках типа бустрапа уже не используется. для Mobile Last нужно указывать от большей ширины к меньшей, т.е. без media - CSS для самой большой ширины, и так далее до телефонного портрета. но если юзаете при этом какой то фреймоворк, который написан по Mobile First (а повторюсь они сейчас наверное уже все по нему написаны) - возможны нестыковки. правильнее делать как написал Septdir - без медиа для телефонного портрета, и дальше по возрастающей.