CSSStyleSheet: ownerRule プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨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); } }