CSSImportRule: layerName 属性

基线 2022

新可用

2022 年 3 月起,此功能可在最新的设备和浏览器版本中使用。此功能可能在较旧的设备或浏览器中无法使用。

的只读layerName属性CSSImportRule接口返回由@importat 规则创建的级联层的名称。

如果创建的图层是匿名的,则字符串为空 (""),如果未创建图层,则为null对象。

一个字符串,可以为空,也可以是null对象。

示例

文档的单个样式表包含三个@import规则。第一个声明将样式表导入到命名图层中。第二个声明将样式表导入到匿名图层中。第三个声明导入样式表,但没有图层声明。

layerName属性返回与导入的样式表关联的图层名称。

css
@import url("style1.css") layer(layer-1);
@import url("style2.css") layer;
@import url("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

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅