Значение 3 является самым простым: (color-index: 256)
соответствует любому устройству с 256 цветами.
Значение 1 объединяет это с более распространенным screen
средним, так что вы сопоставляете только экраны с 256 цветами (в отличие, скажем, от аудио-ридеров, где «256 цветов» - это вообще бессмысленная вещь для поиска)
И значение 2 имеет запятую, которая распознается по другим аспектам CSS. Мы можем написать p, h1 { color: purple; }
, указывая, что, если элемент является либо p
ИЛИ h1
, правило применяется. Здесь это устройство, которое screen
или имеет 256 цветов.
Вы можете найти https://developer.mozilla.org/En/CSS/Media_queries поучительным.