CSSStyleSheet.cssRules

CSSStyleSheet の cssRules プロパティは読み取り専用で、スタイルシートを構成するすべての CSS ルールについて、リアルタイムで最新のリストを提供するライブ CSSRuleList を返します。リストの各項目は、単一のルールを定義する CSSRule です。

構文

var rules = cssStyleSheet.cssRules;

値

ライブで更新される CSSRuleList で、スタイルシートを構成する各 CSS ルールを含みます。ルールリストの各項目は、スタイルシートを構成する単一の規則を記述する CSSRule オブジェクトです。

例

スタイルシートの中のそれぞれのルールは、インデックスでアクセスすることができます。

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

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

ルールは for...of を使用してアクセスすることもできます。

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

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

しかし、 CSSRule は厳密には配列ではないので、 forEach() を使用することはできません。

仕様書

Specification
CSS Object Model (CSSOM)
# dom-cssstylesheet-cssrules

ブラウザーの互換性

BCD tables only load in the browser

関連情報