Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
CSSStyleRule
Baseline Widely available *
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
* Some parts of this feature may have varying levels of support.
DieCSSStyleRule-Schnittstelle repräsentiert eine einzelne CSS-Stilregel.
Instanz-Eigenschaften
Erbt Eigenschaften von seinen VorfahrenCSSGroupingRule undCSSRule.
CSSStyleRule.selectorTextGibt die textuelle Darstellung des Selektors für diese Regel zurück, z. B.
"h1, h2".CSSStyleRule.styleSchreibgeschütztGibt das
CSSStyleProperties-Objekt für die Regel zurück, das deren Stile repräsentiert.CSSStyleRule.styleMapSchreibgeschütztGibt ein
StylePropertyMap-Objekt zurück, das Zugriff auf die Eigenschaft-Wert-Paare der Regel bietet.
Instanz-Methoden
Erbt Methoden von seinen VorfahrenCSSGroupingRule undCSSRule.
Beispiele
Eine Stilregel erhalten
Das untenstehende CSS definiert die Stilregel für denh1-Selektor, die im Code durch eineCSSStyleRule-Instanz dargestellt wird.
h1 { color: pink;}Angenommen, die obige Stilregel ist die erste Regel im Dokument, wird sie die ersteCSSRule sein, die vondocument.styleSheets[0].cssRules zurückgegeben wird.myRules[0].style gibt einCSSStyleProperties-Objekt zurück, das die fürh1 definierten Deklarationen repräsentiert.
let myRules = document.styleSheets[0].cssRules;console.log(myRules[0]); // a CSSStyleRule representing the h1.Spezifikationen
| Specification |
|---|
| CSS Object Model (CSSOM) # the-cssstylerule-interface |