CSSImportRule: layerName 屬性

Baseline 已廣泛支援

此特性已經十分成熟,可在許多裝置和瀏覽器版本上使用。自 2022 年 3 月起,它已在各瀏覽器中可用。

CSSImportRule 介面的只讀 layerName 屬性返回由 @import at-rule 建立的級聯層 (cascade layer) 的名稱。

如果建立的層是匿名的,則返回空字串 ("");如果沒有建立層,則返回 null 物件。

一個字串,可以是空字串,也可以是 null 物件。

示例

文件的唯一樣式表包含三個 @import 規則。第一個宣告將一個樣式表匯入到一個命名層。第二個宣告將一個樣式表匯入到一個匿名層。第三個宣告將一個樣式表匯入,但沒有宣告層。

layerName 屬性返回與匯入的樣式表關聯的層的名稱。

css
@import "style1.css" layer(layer-1);
@import "style2.css" layer;
@import "style3.css";
js
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].layerName); // returns `"layer-1"`
console.log(myRules[1].layerName); // returns `""` (an anonymous layer)
console.log(myRules[2].layerName); // returns `null`

規範

規範
CSS 物件模型 (CSSOM)
# dom-cssimportrule-layername

瀏覽器相容性

另見