CSSScopeRule

Интерфейс CSSScopeRule модели CSS представляет собой правило CSS @scope.

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

end

Возвращает строку, содержащую значение ограничителя области применения правила @scope.

start

Возвращает строку, содержащую значение корня области применения правила @scope.

Наследует методы от своих предков CSSGroupingRule и CSSRule.

Предполагается, что следующий стиль является единственным присоединённым к документу:

@scope (.outer) to (.inner) {
  :scope {
    background: yellow;
  }
}

Следующий JavaScript может использоваться для доступа к информации о содержащемся @scope блоке:

const scopeBlock = document.styleSheets[0].cssRules[0];

console.log(scopeBlock.start); // Returns ".outer"
console.log(scopeBlock.end); // Returns ".inner"

• @scope
• :scope