Question

有什么区别：

document.styleSheets[0].cssRules

和

document.styleSheets[0].rules

我注意到第二个也得到了IE8和之前的支持。但这两个对象之间有什么区别？

Answer 1

CSS规则是StyleSheet对象的对象，它允许您访问和修改样式表的各个规则。

IE和Firefox的CSS规则对象的实现各不相同，但幸运的是，差异主要在于语法：

document.styleSheets [0] .cssRules [0] //访问Firefox中的第一条规则 document.styleSheets [0] .rules [0] //访问IE Win中的第一条规则

如前所述，IE和Firefox依赖于两个不同的CSS Rule对象来访问样式表的规则。下面列出了两个对象：

Answer 2

对象cssRules和rules是通过相同的步骤构造的。因此，它们导致相同的对象。 rules已过时，仅出于与现有站点兼容的目的提供。

要回答您的问题，没有任何区别。弃用cssRules时正式支持对象rules。