CSSImportRule

Baseline 广泛可用 *

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

* 此特性的某些部分可能存在不同级别的支持。

CSSImportRule 接口表示一个 @import at-rule。

实例属性

继承自其祖先 CSSRule 的属性。

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

继承其祖先 CSSRule 的方法。

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

css

@import "style.css" screen;

const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // A CSSImportRule instance object

规范
CSS 对象模型 (CSSOM) # the-cssimportrule-interface

此页面最后修改于 2025年8月5日，由 MDN 贡献者修改。