Для использования логических операторов в медиазапросах CSS можно применять следующие операторы: 14

1. and. 14 Используется как логическое «И». 1 Запрос выполняется только в том случае, если истинно каждое из условий. 1 Например, стиль применится, если ширина окна браузера больше 480 px и меньше 1024 px. 1
2. or и ,. 1 Оператор используется как логическое «ИЛИ». 1 Результат медиазапроса истинен, если истинно хотя бы одно из условий. 1 Например, стиль применится, если в запросе есть указывающее устройство ввода, неточное ИЛИ точное. 1
3. not. 14 Оператор используется как логическое «НЕ». 1 Например: @media not screen { /Стиль применится, если у устройства нет экрана/}
4. only. 14 Оператор нужен, чтобы обезопасить себя от некорректной работы некоторых старых браузеров, читающих синтаксис CSS2 вместо CSS3. 1 Например: @media only screen and (orientation: portrait) { /Стиль не применится, если браузер не поддерживает синтаксис CSS3/}

Чтобы контролировать, в какой последовательности будут применяться логические операторы, можно использовать в запросах группирующие скобки. 1