CSSStyleSheet: ownerRule プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

CSSStyleSheet の ownerRule は読み取り専用プロパティで、CSSImportRule を返します。これは、スタイルシートを文書にインポートする @import アットルールに対応します。スタイルシートが @import を使用して文書にインポートされていない場合、返される値は null です。

値

CSSImportRule です。これは、スタイルシートを文書にインポートする @import アットルールに対応します。スタイルシートが @import を使用して文書にインポートされていない場合、返される値は null です。

例

このスニペットは、@import アットルールを使用して文書にインポートされていないルールを探すものです。

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

for (const rule of ruleList) {
  if (!rule.ownerRule) {
    /* ルールはインポートされていない */
  }
}

このスニペットは、@import に関連するスタイルシートへの参照を取得し、それを何らかの方法で処理します。

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

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