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 贡献者更新。