CSSImportRule: layerName 属性
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 |
浏览器兼容性
加载中…