CSSSupportsRule

基线广泛可用

此功能已相当成熟，并在许多设备和浏览器版本中运行。它自 2015 年 9 月.

报告反馈

CSSSupportsRule 接口表示单个 CSS @supports at-规则。

CSS 包含使用 @supports at-规则的 CSS 功能查询，其中包含一个样式规则。这将是 document.styleSheets[0].cssRules 返回的第一个 CSSRule。因此，myRules[0] 返回一个 CSSSupportsRule 对象。

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

css

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

js
规范 # CSS 条件规则模块级别 3

the-csssupportsrule-interface