CSSStyleRule

CSSStyleRule 接口表示单个 CSS 样式规则。

CSSRule CSSGroupingRule CSSStyleRule

实例属性

继承其祖先 CSSGroupingRuleCSSRule 的属性。

CSSStyleRule.selectorText

返回此规则的选择器的文本表示形式,例如 "h1, h2"

CSSStyleRule.style 只读

返回该规则的 CSSStyleDeclaration 对象。

CSSStyleRule.styleMap 只读

返回一个 StylePropertyMap 对象,该对象提供对规则的属性-值对的访问。

实例方法

继承其祖先 CSSGroupingRuleCSSRule 的方法。

示例

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 的浏览器中加载。