CSS медиа-операторы запросов

Question

Может ли кто-нибудь объяснить мне очень просто, что означают и делают операторы and, not, only и запятая , в CSS?

Answer 1

Четыре оператора реализуют логику теории множеств.В этом контексте вот что означает каждый из них:

• ,: эквивалент 'union';например, @media screen, print соответствует экрану или устройству печати

• and: эквивалент «пересечения»;например, @media screen and (min-device-width: 1920px) соответствует экранному устройству с разрешением 1920px

• not: эквивалент «разности установок»;например, @media not screen and (color) соответствует устройству, которое не является экраном и поддерживает цвет

• only: эквивалент «правильного надмножества»;например, @media only screen and (color) соответствует устройству, которое является только экраном и поддерживает только цвет

Список литературы

• Вложенные медиа-запросы |Стог сена

• Логика в медиазапросах |CSS-хитрости

• Медиа-запросы Уровень 4: Оценка медиа-запросов