CSSStyleSheet.ownerRule

The read-only CSSStyleSheet property ownerRule returns the CSSImportRule corresponding to the @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.

Syntax

var ownerRule = cssStyleSheet.ownerRule;

Value

A CSSImportRule corresponding to the @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.

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

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

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

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

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

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
ownerRule
1
12
1
9
≤12.1
1
1
18
4
≤12.1
1
1.0

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/ownerRule