CSSStyleSheet
Baseline
Weitgehend verfügbar
*
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
* Einige Teile dieser Funktion werden möglicherweise unterschiedlich gut unterstützt.
Die CSSStyleSheet Schnittstelle repräsentiert ein einzelnes CSS Stylesheet und ermöglicht es Ihnen, die Liste der in dem Stylesheet enthaltenen Regeln zu inspizieren und zu ändern. Sie erbt Eigenschaften und Methoden von ihrem Elternobjekt, StyleSheet.
Ein Stylesheet besteht aus einer Sammlung von CSSRule-Objekten, die jeweils eine der Regeln im Stylesheet repräsentieren. Die Regeln sind in einer CSSRuleList enthalten, die aus der cssRules-Eigenschaft des Stylesheets abgerufen werden kann.
Zum Beispiel könnte eine Regel ein CSSStyleRule-Objekt sein, das einen Stil wie folgt enthält:
h1,
h2 {
font-size: 16pt;
}
Eine andere Regel könnte eine at-rule wie @import oder @media sein, und so weiter.
Sehen Sie sich den Abschnitt Ein Stylesheet erlangen an, um die verschiedenen Möglichkeiten zu erfahren, wie ein CSSStyleSheet-Objekt erlangt werden kann. Ein CSSStyleSheet-Objekt kann auch direkt erstellt werden. Der Konstruktor sowie die Methoden CSSStyleSheet.replace() und CSSStyleSheet.replaceSync() sind neuere Ergänzungen zur Spezifikation, die konstruktierbare Stylesheets ermöglichen.
Um ein CSSStyleSheet auf ein Dokument oder eine Shadow-Root anzuwenden, weisen Sie es der Document.adoptedStyleSheets oder ShadowRoot.adoptedStyleSheets-Eigenschaft zu.
Konstruktor
CSSStyleSheet()-
Erstellt ein neues
CSSStyleSheet-Objekt.