CSSStyleSheet: cssRules プロパティ

値

ライブで更新される 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 オブジェクトモデル
• 動的なスタイル情報の使用