CSSRule
CSSRule 接口表示一条 CSS 规则。有若干种规则类型会从 CSSRule 继承属性。
CSSGroupingRuleCSSStyleRuleCSSImportRuleCSSMediaRuleCSSFontFaceRuleCSSFunctionDeclarationsCSSPageRuleCSSNamespaceRuleCSSKeyframesRuleCSSKeyframeRuleCSSCounterStyleRuleCSSSupportsRuleCSSFontFeatureValuesRuleCSSFontPaletteValuesRuleCSSLayerBlockRuleCSSLayerStatementRuleCSSPropertyRuleCSSNestedDeclarationsCSSViewTransitionRule
实例属性
CSSRule 接口规定所有规则共有的属性，而特定规则类型独有的属性则在各规则类型更专门的接口中规定。
CSSRule.cssText-
表示该规则的文本形式，例如
"h1,h2 { font-size: 16pt }"或"@import 'url'"。要访问或修改规则的各部分（例如示例中“font-size”的值），请使用该规则类型专用接口上的属性（见上文）。 CSSRule.parentRule只读-
返回包含此规则的规则，否则为
null。例如，如果此规则是@media块内的样式规则，则父规则为CSSMediaRule。 CSSRule.parentStyleSheet只读-
返回包含此规则的样式表所对应的
CSSStyleSheet对象。 CSSRule.type只读-
返回类型常量之一，以确定所表示的规则类型。
示例
可通过查看 CSSStyleSheet 的 cssRules 列表来获取对 CSSRule 的引用。
js
let myRules = document.styleSheets[0].cssRules; // 返回 CSSRuleList
console.log(myRules);
规范
| 规范 |
|---|
| CSS Object Model (CSSOM) # the-cssrule-interface |