Как найти индекс правила css

Question

Я пытаюсь найти номер индекса правила css (.widget-area) в таблице стилей. Вот как я это делаю, но он возвращает undefined.

function findStyle(){ 
var myStylesheet=document.styleSheets[8].cssRules[".widget-area"]; 
console.log(myStylesheet); 
}; 

Если я уйду из .cssRules[".widget-area"] возвращает все правила таблицы стилей, но есть тысячи из них. Кто-нибудь знает, как это сделать?

Спасибо.

Answer 1

Я думаю, что вы используете .cssRules как функцию, но это объект. Поэтому, если вы хотите найти пользовательское правило, вы должны использовать что-то вроде этого:

var targetRule; 
var rules = document.styleSheets[8].cssRules; 

for (i=0; i<rules.length; i++){ 
    if (rules[i].selectorText.toLowerCase() == ".widget-area"){ 
    targetRule = rules[i]; 
    break; 
    } 
}