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.

CSSImportRule 接口表示一个 @import at 规则。

实例属性

继承其祖先 CSSRule 的属性。

CSSImportRule.href 只读: 返回 @import 规则中指定的 URL。
CSSImportRule.layerName 只读: 返回 @import 规则中声明的层叠层的名称；如果层是匿名的，则返回空字符串；如果规则未声明任何层，则返回 null。
CSSImportRule.media: 返回关联样式表的 media 属性值。
CSSImportRule.styleSheet 只读: 返回关联的样式表。
CSSImportRule.supportsText 只读: 返回 @import 规则中指定的支持条件。

继承其祖先 CSSRule 的方法。

文档包含一个样式表，其中包含一个 @import 规则。因此，CSS 规则列表中的第一个项目将是一个 CSSImportRule。

css

@import url("style.css") screen;

const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // 一个 CSSImportRule 实例对象

Specification
CSS Object Model (CSSOM) # the-cssimportrule-interface