CSSStyleRule
CSSStyleRule
接口表示单个 CSS 样式规则。
实例属性
继承其祖先 CSSGroupingRule
和 CSSRule
的属性。
CSSStyleRule.selectorText
-
返回此规则的选择器的文本表示形式,例如
"h1, h2"
。 CSSStyleRule.style
只读-
返回该规则的
CSSStyleDeclaration
对象。 CSSStyleRule.styleMap
只读-
返回一个
StylePropertyMap
对象,该对象提供对规则的属性-值对的访问。
实例方法
继承其祖先 CSSGroupingRule
和 CSSRule
的方法。
示例
CSS 包含一个样式规则。这将是 document.styleSheets[0].cssRules
返回的第一个 CSSRule
。因此,myRules[0]
返回一个表示为 h1
定义的规则的 CSSStyleRule
对象。
css
h1 {
color: pink;
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // a CSSStyleRule representing the h1.
规范
规范 |
---|
CSS 对象模型 (CSSOM) # the-cssstylerule-interface |
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。