CSSStyleSheet: ownerRule 属性

Baseline 已广泛支持

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

只读的 CSSStyleSheet 属性 ownerRule 返回与将样式表导入到文档中的 @import at-rule 相对应的 CSSImportRule。如果样式表不是使用 @import 导入到文档中的，则返回值为 null。

值

一个与将样式表导入到文档中的 @import 规则相对应的 CSSImportRule。如果样式表不是使用 @import 导入到文档中的，则返回值为 null。

示例

此代码片段查找不是使用 @import at-rule 导入到文档中的规则。

const ruleList = document.styleSheets[0].cssRules;

for (const rule of ruleList) {
  if (!rule.ownerRule) {
    /* rule is not imported */
  }
}

此代码片段获取与 @import 关联的样式表的引用，并以某种方式对其进行处理

const ruleList = document.styleSheets[0].cssRules;

for (const rule of ruleList) {
  if (rule.ownerRule) {
    checkStylesheet(rule.ownerRule.styleSheet);
  }
}

规范

规范
CSS 对象模型 (CSSOM) # dom-cssstylesheet-ownerrule

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

本页最后修改于 2023年5月31日，由 MDN contributors。

在 GitHub 上查看此页面 • 报告此内容的 a problem