CSSStyleRule
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
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.style
Nur lesbar-
Gibt das
CSSStyleDeclaration
-Objekt für die Regel zurück. CSSStyleRule.styleMap
Nur lesbar-
Gibt ein
StylePropertyMap
-Objekt zurück, das Zugriff auf die Eigenschafts-Wert-Paare der Regel bietet.
Instanz-Methoden
Erbt Methoden von seinen Vorfahren CSSGroupingRule
und CSSRule
.
Beispiele
Das CSS enthält eine Stilregel. Dies wird die erste CSSRule
sein, die von document.styleSheets[0].cssRules
zurückgegeben wird.
myRules[0]
gibt daher ein CSSStyleRule
-Objekt zurück, das die für h1
definierte Regel darstellt.
h1 {
color: pink;
}
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
BCD tables only load in the browser