CSSStyleSheet: ownerRule 屬性

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

只讀的 CSSStyleSheet 屬性 ownerRule 返回與將樣式表匯入到文件中的 @import at-rule 相對應的 CSSImportRule。如果樣式表不是使用 @import 匯入到文件中的,則返回值為 null

一個與將樣式表匯入到文件中的 @import 規則相對應的 CSSImportRule。如果樣式表不是使用 @import 匯入到文件中的,則返回值為 null

示例

此程式碼片段查詢不是使用 @import at-rule 匯入到文件中的規則。

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

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

此程式碼片段獲取與 @import 關聯的樣式表的引用,並以某種方式對其進行處理

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

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

規範

規範
CSS 物件模型 (CSSOM)
# dom-cssstylesheet-ownerrule

瀏覽器相容性

另見