CSSLayerBlockRule：name 属性

基线 2022

新可用

自 2022 年 3 月，此功能可在所有最新设备和浏览器版本上使用。此功能可能无法在旧设备或浏览器中使用。

只读 name 属性是 CSSLayerBlockRule 接口的一部分，它表示关联的级联层的名称。

值

包含层名称的字符串，如果层是匿名的，则为 ""。

示例

HTML

html
<output></output> <output></output>

CSS

css
output {
  display: block;
}

@layer special {
  div {
    color: rebeccapurple;
  }
}

@layer {
  div {
    color: black;
  }
}

JavaScript

js
const item1 = document.getElementsByTagName("output")[0];
const item2 = document.getElementsByTagName("output")[1];
const rules = document.styleSheets[1].cssRules;
// Note that stylesheet #1 is the stylesheet associated with this embedded example,
// while stylesheet #0 is the stylesheet associated with the whole MDN page

const layer = rules[1]; // A CSSLayerBlockRule
const anonymous = rules[2]; // An anonymous CSSLayerBlockRule

item1.textContent = `The first CSSLayerBlockRule defines the "${layer.name}" layer.`;
item2.textContent = `A second CSSLayerBlockRule defines a layer with the following name: "${anonymous.name}".`;

结果

规范

规范
CSS 级联和继承级别 5
# dom-csslayerblockrule-name

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅