CSSRule
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.
Die CSSRule-Schnittstelle repräsentiert eine einzelne CSS-Regel. Es gibt mehrere Regeltypen, die von CSSRule Eigenschaften erben.
CSSGroupingRuleCSSStyleRuleCSSImportRuleCSSMediaRuleCSSFontFaceRuleCSSFunctionDeclarationsCSSPageRuleCSSNamespaceRuleCSSKeyframesRuleCSSKeyframeRuleCSSCounterStyleRuleCSSSupportsRuleCSSFontFeatureValuesRuleCSSFontPaletteValuesRuleCSSLayerBlockRuleCSSLayerStatementRuleCSSPropertyRuleCSSNestedDeclarations
Instanzeigenschaften
Die CSSRule-Schnittstelle legt die Eigenschaften fest, die allen Regeln gemeinsam sind, während Eigenschaften, die einzigartig für bestimmte Regeltypen sind, in den spezialisierteren Schnittstellen für diese Regeltypen festgelegt werden.
CSSRule.cssText-
Repräsentiert die textuelle Darstellung der Regel, z. B.
"h1,h2 { font-size: 16pt }"oder"@import 'https://developer.mozilla.org/url'". Um Teile der Regel zuzugreifen oder zu ändern (z. B. den Wert von "font-size" im Beispiel), verwenden Sie die Eigenschaften auf der spezialisierten Schnittstelle für den Regeltyp (siehe oben). CSSRule.parentRuleSchreibgeschützt-
Gibt die enthaltene Regel zurück, andernfalls
null. Z. B. wenn diese Regel eine Stilregel innerhalb eines@media-Blocks ist, wäre die übergeordnete Regel dieseCSSMediaRule. CSSRule.parentStyleSheetSchreibgeschützt-
Gibt das
CSSStyleSheet-Objekt für das Stylesheet zurück, das diese Regel enthält. CSSRule.typeSchreibgeschützt Veraltet-
Gibt einen der Typ-Konstanten zurück, um zu bestimmen, welcher Regeltyp dargestellt wird.
Beispiele
Verweise auf eine CSSRule können erhalten werden, indem man sich die cssRules-Liste eines CSSStyleSheet ansieht.
let myRules = document.styleSheets[0].cssRules; // Returns a CSSRuleList
console.log(myRules);
Spezifikationen
| Specification |
|---|
| CSS Object Model (CSSOM) # the-cssrule-interface |
Browser-Kompatibilität
Loading…