CSSImportRule

基线 广泛可用

此功能已十分成熟,可在许多设备和浏览器版本上运行。自 2015 年 7 月.

实例属性

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

从其祖先 CSSRule 继承属性。

CSSImportRule.href 只读

返回 @import 规则指定的 URL。

CSSImportRule.layerName 只读

返回 @import 规则中声明的 级联层 的名称,如果层是匿名的,则返回空字符串,或者如果规则没有声明任何层,则返回 null

CSSImportRule.media

返回关联样式表的 media 属性的值。

CSSImportRule.styleSheet 只读

返回关联的样式表。

CSSImportRule.supportsText 只读

实例方法

返回 @import 规则指定的 supports 条件。

示例

从其祖先 CSSRule 继承方法。

该文档包含一个包含单个 @import 规则的单个样式表。因此,CSS 规则列表中的第一项将是 CSSImportRule
@import url("style.css") screen;
css
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // A CSSImportRule instance object

规范

js
规范
# CSS 对象模型 (CSSOM)

浏览器兼容性

the-cssimportrule-interface