'cssRules'和'rules'对象有什么区别？

Question

有什么区别:

document.styleSheets[0].cssRules

和

document.styleSheets[0].rules

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

Answer 1

对象cssRules和rules是通过相同的步骤构建的。因此它们产生相同的对象。rules已弃用，提供它只是为了与现有站点兼容。

要回答你的问题，根本没有区别。该对象cssRules已被正式支持，但rules已弃用。

有关更多信息，请参阅https://drafts.c​​sswg.org/cssom/#legacy-css-style-sheet-members。

Answer 2

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

IE 和 Firefox 对 CSS Rule 对象的实现有所不同，但幸运的是，区别主要在于语法：

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

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