Javascript Firefox-cssRule对象未在样式表中返回id选择器样式

我的样式表中有3块样式规则。 1个ID选择器 2类选择器

从CSSStyleSheet查询cssRules后，它只返回与类选择器相关的样式。如何从外部样式表中获取与id相关的样式

注意：我使用的是firefox

var style_rules = document.styleSheets[0].cssRules;
console.log(style_rules.length); //2

for(var i=0; i < style_rules.length; i++) {

console.log(style_rules[i].selectorText); 
 console.log(style_rules[i].style.cssText);
 }

---

更新：如果我删除注释@import，对我来说效果很好。似乎是错误。

问题出在这条线路上

//@import 'reset.css';

/

表单在CSS中无效。您必须使用

/*

和

*/

注释掉CSS代码

/* @import 'reset.css'; */

---

实时演示：

请将URL发布到该外部CSS文件。它适用于我：我正在本地主机上使用。更新：如果我删除了注释@import，它对我来说就可以了。似乎是错误。

/

在CSS中无效。要在CSS中进行注释，请使用

/*

和

*/

。。。

/* @import 'reset.css'; */