Question

我的样式表中有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);
 }

CSS样式表：

//@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，它对我来说很好。似乎是错误。

Answer 1

问题在于这一行

//@import 'reset.css';

//表单在CSS中无效。您必须使用/*和*/来注释掉CSS代码。

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

现场演示： http://jsfiddle.net/u4v63/5/

Javascript Firefox - css规则对象在样式表中没有返回id选择器样式

1 个答案: