CSSStyleRule

Baseline 广泛可用 *

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

* 此特性的某些部分可能存在不同级别的支持。

CSSStyleRule 接口代表一个单一的 CSS 样式规则。

实例属性

继承其祖先 CSSGroupingRule 和 CSSRule 的属性。

继承其祖先 CSSGroupingRule 和 CSSRule 的方法。

下面的 CSS 定义了 h1 选择器的样式规则，在代码中由 CSSStyleRule 实例表示。

css

h1 {
  color: pink;
}

假设上面的样式规则是文档中的第一条规则，它将是 document.styleSheets[0].cssRules 返回的第一个 CSSRule。myRules[0].style 返回一个 CSSStyleProperties 对象，表示为 h1 定义的声明。

let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // a CSSStyleRule representing the h1.

规范
CSS 对象模型 (CSSOM) # the-cssstylerule-interface

此页面最后修改于 ⁨2025年10月14日⁩，由 MDN 贡献者修改。