CSSLayerBlockRule
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
CSSLayerBlockRule đại diện cho một quy tắc khối @layer.
Thuộc tính phiên bản
Kế thừa các thuộc tính từ các tổ tiên CSSGroupingRule và CSSRule.
CSSLayerBlockRule.nameRead only-
Một chuỗi chứa tên của lớp cascade liên quan.
Phương thức phiên bản
Kế thừa các phương thức từ các tổ tiên CSSGroupingRule và CSSRule.
Ví dụ
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.getElementById("css-output").sheet.cssRules;
const layer = rules[0]; // A CSSLayerBlockRule
item.textContent = `The CSSLayerBlockRule is for the "${layer.name}" layer`;
Kết quả
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS Cascading and Inheritance Level 5 # csslayerblockrule |