Некоторые новые операторы, которые появились в CSS для работы с медиазапросами:

• < — оценивает, меньше ли значение, чем другое значение; 1
• > — оценивает, больше ли значение, чем другое значение; 1
• = — оценивает, равно ли значение другому значению; 1
• <= — оценивает, меньше или равно значение другому значению; 1
• >= — оценивает, больше или равно значение другому значению. 1

Эти операторы позволяют упростить работу с диапазонами и сделать код более читабельным и лаконичным. 4

Например, чтобы написать медиа-запрос, который применяет стили, если ширина браузера составляет 600 пикселей или больше, можно использовать оператор >=: 2

@media (ширина >= 600 пикселей) {  .element {    /* Убрать стиль! */  }}

Новый синтаксис представлен в спецификации Media Queries Level 4. 12