CSSStyleSheet: cssRules 属性

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

值

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

示例

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

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

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

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

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

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

但是，由于 CSSRule 不是一个真正的数组，因此不能使用 forEach()。

规范

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

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅