Операторы and и not в медиазапросах отличаются по своему назначению:

1. Оператор and объединяет несколько условий. 1 Медиа-запрос будет применяться только в том случае, если все условия истинны. 1 Это позволяет задать более детализированные критерии для применения стилей. 1
2. Оператор not используется для отрицания условий. 1 Он позволяет исключить определённые стили, если они не соответствуют заданным параметрам. 1 Когда используется not с and, отрицание применяется ко всему медиа-запросу. 1 В таком случае обязательно указывать тип устройства. 1 При использовании not в выражении с запятой, отрицание применяется только к отдельному условию. 1

Таким образом, and объединяет условия, а not — отрицает их. 13