CSSLayerStatementRule
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.
CSSLayerStatementRule đại diện cho quy tắc câu lệnh @layer. Không giống CSSLayerBlockRule, nó không chứa các quy tắc khác mà chỉ định nghĩa một hoặc nhiều lớp bằng cách cung cấp tên của chúng.
Quy tắc này cho phép khai báo rõ ràng thứ tự lớp theo cách rõ ràng ở đầu tệp CSS: thứ tự lớp được xác định bởi thứ tự xuất hiện đầu tiên của mỗi tên lớp. Khai báo chúng bằng câu lệnh cho phép người đọc hiểu thứ tự lớp. Nó cũng cho phép các lớp nội tuyến và được nhập xen kẽ nhau, điều này không thể thực hiện khi sử dụng cú pháp CSSLayerBlockRule.
Thuộc tính phiên bản
Cũng kế thừa thuộc tính từ giao diện cha, CSSRule.
CSSLayerStatementRule.nameListRead only-
Một mảng chuỗi, đại diện cho tên của mỗi lớp cascade theo quy tắc.
Ví dụ
HTML
<p></p>
CSS
@layer layerName, layerName2;
JavaScript
const item = document.getElementsByTagName("p")[0];
const rules = document.getElementById("css-output").sheet.cssRules;
const layer = rules[0]; // A CSSLayerStatementRule
item.textContent = `The CSS @layer statement declares the following layers: ${layer.nameList.join(
", ",
)}.`;
Kết quả
Thông số kỹ thuật
| Specification |
|---|
| CSS Cascading and Inheritance Level 5 # csslayerstatementrule |