CSSRule

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

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 的引用。

let myRules = document.styleSheets[0].cssRules; // Returns a CSSRuleList
console.log(myRules);

规范
CSS 对象模型 (CSSOM) # the-cssrule-interface

此页面最后修改于 2025年10月15日，由 MDN contributors 修改。