CSSRule
CSSRule
接口代表单个 CSS 规则。有几种类型的规则从 CSSRule
继承属性。
实例属性
CSSRule
接口指定所有规则的通用属性,而特定规则类型的唯一属性则在这些规则各自类型的更专业化的接口中指定。
CSSRule.cssText
-
表示规则的文本表示形式,例如“
h1,h2 { font-size: 16pt }
”或“@import 'url'
”。要访问或修改规则的一部分(例如示例中“font-size”的值),请使用规则类型的专业化接口上的属性(见上文)。 CSSRule.parentRule
只读-
返回包含规则,否则返回
null
。例如,如果此规则是@media
块内的样式规则,则父规则将是该CSSMediaRule
。 CSSRule.parentStyleSheet
只读-
返回包含此规则的样式表的
CSSStyleSheet
对象 CSSRule.type
只读 已弃用-
返回一个 Type 常量之一,以确定表示的是哪种类型的规则。
示例
可以通过查看 CSSStyleSheet
的 cssRules
列表来获得对 CSSRule
的引用。
js
let myRules = document.styleSheets[0].cssRules; // Returns a CSSRuleList
console.log(myRules);
规范
规范 |
---|
CSS 对象模型 (CSSOM) # the-cssrule-interface |
浏览器兼容性
BCD 表仅在浏览器中加载