CSSNestedDeclarations

Интерфейс CSSNestedDeclarations API правил CSS используется для группировки вложенных CSSRule.

Интерфейс позволяет модели CSS Object Model (CSSOM) отображать структуру документов CSS с вложенными правилами CSS и гарантировать, что правила парсятся и вычисляются в том порядке, в котором они объявлены.

Наследует свойства от предка CSSRule.

CSSNestedDeclarations.style Только для чтения

Возвращает значения вложенных правил.

Нет специфических методов; наследует методы от предка CSSRule.

В приведенном ниже CSS есть селектор .foo, содержащий две декларации и медиазапрос.

.foo {
  background-color: silver;
  @media (screen) {
    color: tomato;
  }
  color: black;
}

Это представлено набором JavaScript-объектов в модели CSS Object Model:

• Объект CSSStyleRule, представляющий правило background-color: silver. Его можно получить с помощью document.styleSheets[0].cssRules[0].
• Объект CSSMediaRule, представляющий правило @media (screen) и который можно получить с помощью document.styleSheets[0].cssRules[0].cssRules[0].
  • Объект CSSMediaRule содержит объект CSSNestedDeclaration, представляющий правило color: tomato, вложенное в правило @media (screen) . Его можно получить с помощью document.styleSheets[0].cssRules[0].cssRules[0].cssRules[0].
• Конечное правило — объект CSSNestedDeclaration, представляющий правило color: black в таблице стилей и который можно получить с помощью document.styleSheets[0].cssRules[0].cssRules[1].

• CSSNestedDeclarations.style
• Правило вложенных деклараций