CSSStyleSheet: свойство cssRules

Только для чтения 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 Объектная модель
• Использование динамической информации о стилях