CSSImportRule

Baseline 廣泛可用 *

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

* 此特性的某些部分可能存在不同級別的支援。

CSSImportRule 介面表示一個 @import at-rule

CSSRule CSSImportRule

例項屬性

繼承自其祖先 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;
js
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // A CSSImportRule instance object

規範

規範
CSS 物件模型 (CSSOM)
# the-cssimportrule-interface

瀏覽器相容性