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.
Die CSSStyleRule-Schnittstelle repräsentiert eine einzelne CSS-Stilregel.
Instanz-Eigenschaften
Erbt Eigenschaften von seinen Vorfahren CSSGroupingRule und CSSRule.
CSSStyleRule.selectorText-
Gibt die textuelle Darstellung des Selektors für diese Regel zurück, z. B.
"h1, h2". CSSStyleRule.styleSchreibgeschützt-
Gibt das
CSSStyleProperties-Objekt für die Regel zurück, das deren Stile repräsentiert. CSSStyleRule.styleMapSchreibgeschützt-
Gibt ein
StylePropertyMap-Objekt zurück, das Zugriff auf die Eigenschaft-Wert-Paare der Regel bietet.
Instanz-Methoden
Erbt Methoden von seinen Vorfahren CSSGroupingRule und CSSRule.
Beispiele
Eine Stilregel erhalten
Das untenstehende CSS definiert die Stilregel für den h1-Selektor, die im Code durch eine CSSStyleRule-Instanz dargestellt wird.
h1 {
color: pink;
}
Angenommen, die obige Stilregel ist die erste Regel im Dokument, wird sie die erste CSSRule sein, die von document.styleSheets[0].cssRules zurückgegeben wird.
myRules[0].style gibt ein CSSStyleProperties-Objekt zurück, das die für h1 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 |
Browser-Kompatibilität
Loading…