CSSImportRule: layerName 属性
的只读layerName
属性CSSImportRule
接口返回由@import
at 规则创建的级联层的名称。
如果创建的图层是匿名的,则字符串为空 (""
),如果未创建图层,则为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 的浏览器中加载。