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 'reset.css';
#content {
position:absolute;
top:200px;
left:200px;
height:200px;
width:200px;
}
.red {
background-color:red;
}
.green{
color:yellow;
background-color:green;
}

更新:如果我删除评论@import它对我来说很好。