CSSSupportsRule

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 2015 年 9 月以來，該特性已在各大瀏覽器中可用。

CSSSupportsRule 介面代表一個單獨的 CSS @supports at-rule。

例項屬性

CSS 包含一個使用 @supports at-rule 的 CSS 功能查詢，其中包含一個樣式規則。這將是 document.styleSheets[0].cssRules 返回的第一個 CSSRule。因此，myRules[0] 返回一個 CSSSupportsRule 物件。

css

@supports (display: grid) {
  body {
    color: blue;
  }
}

let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // a CSSSupportsRule representing the feature query.

規範
CSS 條件規則模組第 3 級 # the-csssupportsrule-interface

此頁面最後修改於 2025年2月14日，由 MDN 貢獻者更新。