CSS условные правила

Модуль CSS условные правила определяет CSS запросы по среде и поддержку, позволяя определять стили, которые применяются только при выполнении определенных условий. Условные правила, определенные в этом модуле, основаны на возможностях устройства, пользователя и области просмотра. С помощью условных правил вы можете нацеливать CSS-стили на основе значений запросов или функций браузера и устройства, независимо от отображаемого документа.

Первые CSS условные правила были типами среды, указывающими предполагаемую среду назначения для связанных стилей, например screen или print. Они устанавливались в качестве значения HTML-элементов <link> и <style> атрибутов media или в виде списка типов среды, разделенных запятыми, в операторе @import или в правиле. Возможность условного применения CSS-правил значительно расширилась с момента внедрения CSS 2.1 и HTML 4.01, которые ограничивали условные запросы несколькими типами среды.

CSS условные правила теперь включают запросы к функциям; правило @supports позволяет нацеливать CSS-стили на основе возможностей CSS пользователя. Дополнительные условия включают поддержку селектора, форматов шрифтов и технологий шрифтов.

Модуль CSS условных правил также расширяет @media для включения вложенных правил, при этом модуль связанных CSS запросов по среде удаляет неиспользуемые типы среды и добавляет множество функций и условий среды, на которые можно нацеливаться.

Модуль CSS запросов по контейнерам определяет аналогичные условные правила, но на основе родительского элемента, а не области просмотра.

Планируется дальнейшее расширение возможных запросов путем добавления обобщенного условного правила @when и цепного условного правила @else. Эти два правила пока не поддерживаются.