CSSNestedDeclarations: свойство style

Только для чтения style свойство интерфейса CSSNestedDeclarations представляет стили, связанные со вложенными правилами.

Значение

Объект.

Примеры

Этот документ стилей содержит вложенное cssRules.

Первый console.log показывает верхний уровень style, второй — вложенный @media запрос со вложенным стилем, а последний — вложенный стиль, объявленный после @media запроса.

.foo {
  font-size: 1.2rem;
  @media (screen) {
    color: tomato;
    background-color: darkgrey;
  }
  color: black;
}

let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].style);
// { "0": "font-size" }
console.log(myRules[0].cssRules[0].cssRules[0].style);
// { "0": "color", "1": "background-color" }
console.log(myRules[0].cssRules[1].style);
// { "0": "color" }

Спецификации

Спецификация
Модуль CSS вложенности # dom-cssnesteddeclarations-style

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`style`	130	130	132	115	18.2	130	Нет	86	18.2	Нет	130

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSNestedDeclarations/style