CSSImportRule
Baseline Widely available *
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
* Some parts of this feature may have varying levels of support.
Instance properties
Inherits properties from its ancestorCSSRule.
CSSImportRule.hrefRead onlyReturns the URL specified by the
@importrule.CSSImportRule.layerNameRead onlyReturns the name of thecascade layer declared in the
@importrule, the empty string if the layer is anonymous, the ornullif the rule doesn't declare any.CSSImportRule.mediaReturns the value of the
mediaattribute of the associated stylesheet.CSSImportRule.styleSheetRead onlyReturns the associated stylesheet.
CSSImportRule.supportsTextRead onlyReturns the supports condition specified by the
@importrule.
Instance methods
Inherits methods from its ancestorCSSRule.
Examples
The document includes a single stylesheet which contains a single@import rule. Therefore the first item in the list of CSS rules will be aCSSImportRule.
@import "style.css" screen;const myRules = document.styleSheets[0].cssRules;console.log(myRules[0]); // A CSSImportRule instance objectSpecifications
| Specification |
|---|
| CSS Object Model (CSSOM) # the-cssimportrule-interface |