Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
CSSScopeRule
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Die CSSScopeRule-Schnittstelle des CSS Object Model repräsentiert eine CSS @scope at-rule.
Instanz-Eigenschaften
Erbt Eigenschaften von seinen Vorfahren CSSGroupingRule und CSSRule.
Instanz-Methoden
Erbt Methoden von seinen Vorfahren CSSGroupingRule und CSSRule.
Beispiele
>Zugriff auf @scope-Informationen in JavaScript
Angenommen, das folgende ist das einzige Stylesheet, das an ein Dokument angehängt ist:
css
@scope (.outer) to (.inner) {
:scope {
background: yellow;
}
}
Das folgende JavaScript könnte verwendet werden, um auf Informationen über den enthaltenen @scope Block zuzugreifen:
js
const scopeBlock = document.styleSheets[0].cssRules[0];
console.log(scopeBlock.start); // Returns ".outer"
console.log(scopeBlock.end); // Returns ".inner"
Spezifikationen
| Specification |
|---|
| CSS Cascading and Inheritance Level 6> # cssscoperule> |
Browser-Kompatibilität
Enable JavaScript to view this browser compatibility table.