В чем разница между объектами правил cssRules и правил?

В чем разница между:

document.styleSheets[0].cssRules

а также

document.styleSheets[0].rules

Я заметил, что второй также поддерживается IE8 и предыдущий. Но в чем разница между этими двумя объектами?

Ответ 1

Правило CSS является объектом объекта StyleSheet, который позволяет вам получать доступ и изменять отдельные правила таблицы стилей.

IE и Firefox различаются при реализации объекта CSS Rule, хотя, к счастью, разница в основном заключается в синтаксисе:

document.styleSheets [0].cssRules [0]//доступ к первому правилу в Firefox document.styleSheets [0].rules [0]//обращение к первому правилу в IE Win

Как уже упоминалось, IE и Firefox полагаются на два разных объекта CSS Rule для доступа к правилам таблиц стилей. Ниже перечислены два объекта:

введите описание изображения здесь

Ответ 2

Объекты cssRules и rules создаются с помощью одинаковых шагов. Следовательно, они приводят к одному и тому же объекту. rules устарели и предоставляются только ради совместимости с существующими сайтами.

Чтобы ответить на ваш вопрос, нет никакой разницы вообще. Объект cssRules официально поддерживается, а rules устарели.

См. Https://drafts.csswg.org/cssom/#legacy-css-style-sheet-members для получения дополнительной информации.