CSSLayerBlockRule

基线 2022

新功能

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

CSSLayerBlockRule 表示一个 @layer 块规则。

CSSRule CSSGroupingRule CSSLayerBlockRule

实例属性

从其祖先 CSSGroupingRuleCSSRule 继承属性。

实例方法

从其祖先 CSSGroupingRuleCSSRule 继承方法。

示例

HTML

html
<p>I am displayed in <code>color: rebeccapurple</code>.</p>

CSS

css
@layer special {
  p {
    color: rebeccapurple;
  }
}

JavaScript

js
const item = document.getElementsByTagName("p")[0];
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[0]; // A CSSLayerBlockRule

item.textContent = `The CSSLayerBlockRule is for the "${layer.name}" layer`;

结果

规范

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

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见