ContextQMD
Back to Content

CSSStyleSheet: ownerRule property

files/en-us/web/api/cssstylesheet/ownerrule/index.md

latest1.4 KB
Original Source

{{APIRef("CSSOM")}}

The read-only {{domxref("CSSStyleSheet")}} property ownerRule returns the {{domxref("CSSImportRule")}} corresponding to the {{cssxref("@import")}} at-rule which imported the stylesheet into the document. If the stylesheet wasn't imported into the document using @import, the returned value is null.

Value

A {{domxref("CSSImportRule")}} corresponding to the {{cssxref("@import")}} rule which imported the stylesheet into the document. If the stylesheet wasn't imported into the document using @import, the returned value is null.

Examples

This snippet of code looks for rules which were not imported into the document using an @import at-rule.

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

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

This snippet obtains a reference to the stylesheet associated with the @import and processes it in some manner:

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

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

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also