CSS 條件規則

CSS 條件規則模組定義了 CSS 媒體查詢和支援查詢，使您能夠定義僅在滿足特定條件時才應用的樣式。此模組中定義的條件規則基於裝置、使用者代理和視口功能。透過條件規則，您可以根據查詢值或瀏覽器和裝置功能來定位 CSS 樣式，而與所渲染的文件無關。

最早的 CSS 條件規則是媒體型別，它們指定了連結樣式的預期目標媒介，例如screen或print。這些被設定為 HTML <link> 和 <style> 元素的media屬性的值，或者作為 @import 語句或 at-rule 中的逗號分隔的媒體型別列表。自 CSS 2.1 和 HTML 4.01 實現將條件查詢限制為少數媒體型別以來，有條件地應用 CSS 規則的能力已大大擴充套件。

CSS 條件規則現在包括功能查詢；@supports at-rule 允許根據使用者代理的 CSS 功能定位 CSS 樣式。其他條件包括支援哪些選擇器、字型格式和字型技術。

CSS 條件規則模組還擴充套件了@media以允許巢狀 at-rules，相關的CSS 媒體查詢模組刪除了未使用的媒體型別並添加了許多可定位的媒體特性和條件。

CSS 容器查詢模組定義了類似的條件規則，但基於元素的父級而不是視口。

有計劃透過新增通用條件規則@when和鏈式條件規則@else來進一步擴充套件可能的查詢。這兩個 at-rule 尚不受支援。