CSSStyleSheet: cssRules 属性

Baseline 已广泛支持

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

只读的 CSSStyleSheet 属性 cssRules 返回一个实时的 CSSRuleList，它提供了构成样式表的每一条 CSS 规则的实时、最新的列表。列表中的每一项都是一个定义了单条规则的 CSSRule。

值

一个实时更新的 CSSRuleList，包含构成该样式表的每一条 CSS 规则。规则列表中的每一项都是一个 CSSRule 对象，描述了构成该样式表的一条规则。

可以通过索引访问样式表中的单个规则

const ruleList = document.styleSheets[0].cssRules;

for (let i = 0; i < ruleList.length; i++) {
  processRule(ruleList[i]);
}

还可以使用 for...of 访问规则

const ruleList = document.styleSheets[0].cssRules;

for (const rule of ruleList) {
  processRule(rule);
}

然而，由于 CSSRule 不是一个真正的数组，你不能使用 forEach()。

规范
CSS 对象模型 (CSSOM) # dom-cssstylesheet-cssrules

此页面最后由 MDN 贡献者于 2023 年 4 月 7 日修改。