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 日修改。