CSSImportRule

基线广泛可用 *

自 2015年7月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

* 此特性的某些部分的支持程度可能有所不同。

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 实例对象

规范
CSS Object Model (CSSOM) # the-cssimportrule-interface

此页面最后更新于 2025年11月10日，由 MDN 贡献者更新。