CSSRule: parentRule 属性

Baseline 已广泛支持

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

parentRule 属性是 CSSRule 接口的一个属性，用于返回当前规则的包含规则（如果存在），否则返回 null。

值

一个 CSSRule，表示包含规则的类型。如果当前规则位于媒体查询内部，则返回 CSSMediaRule。否则返回 null。

css

@media (width >= 500px) {
  .box {
    width: 100px;
    height: 200px;
    background-color: red;
  }

  body {
    color: blue;
  }
}

let myRules = document.styleSheets[0].cssRules;
let childRules = myRules[0].cssRules;
console.log(childRules[0].parentRule); // a CSSMediaRule

规范
CSS 对象模型 (CSSOM) # dom-cssrule-parentrule

此页面最后修改于 ⁨2025年7月1日⁩，由 MDN 贡献者进行。