CSSRule
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.
Das CSSRule Interface repräsentiert eine einzelne CSS-Regel. Es gibt mehrere Regeltypen, die Eigenschaften von CSSRule erben.
CSSGroupingRuleCSSStyleRuleCSSImportRuleCSSMediaRuleCSSFontFaceRuleCSSFunctionDeclarationsCSSPageRuleCSSNamespaceRuleCSSKeyframesRuleCSSKeyframeRuleCSSCounterStyleRuleCSSSupportsRuleCSSFontFeatureValuesRuleCSSFontPaletteValuesRuleCSSLayerBlockRuleCSSLayerStatementRuleCSSPropertyRuleCSSNestedDeclarationsCSSViewTransitionRule
Instanz-Eigenschaften
Das CSSRule Interface gibt die Eigenschaften an, die allen Regeln gemeinsam sind, während Eigenschaften, die einzigartig für bestimmte Regeltypen sind, in den spezialisierteren Interfaces für diese Regeln spezifiziert werden.
CSSRule.cssText-
Repräsentiert die textliche Darstellung der Regel, z.B.
"h1,h2 { font-size: 16pt }"oder"@import 'url'". Um auf Teile der Regel zuzugreifen oder sie zu ändern (z.B. den Wert von "font-size" im Beispiel), verwenden Sie die Eigenschaften der spezialisierten Schnittstelle für den Regeltyp (siehe oben). CSSRule.parentRuleSchreibgeschützt-
Gibt die enthaltende Regel zurück, ansonsten
null. Wenn diese Regel zum Beispiel eine Stilregel innerhalb eines@mediaBlocks ist, wäre die übergeordnetes Regel dieseCSSMediaRule. CSSRule.parentStyleSheetSchreibgeschützt-
Gibt das
CSSStyleSheetObjekt für das Stylesheet zurück, das diese Regel enthält. CSSRule.typeSchreibgeschützt Veraltet-
Gibt eine der Typkonstanten zurück, um zu bestimmen, welcher Regeltyp dargestellt wird.
Beispiele
Referenzen zu einer CSSRule können erhalten werden, indem Sie die cssRules Liste eines CSSStyleSheet betrachten.
let myRules = document.styleSheets[0].cssRules; // Returns a CSSRuleList
console.log(myRules);
Spezifikationen
| Spezifikation |
|---|
| CSS Object Model (CSSOM) # the-cssrule-interface |