CSSLayerStatementRule: nameList property
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.
Thuộc tính chỉ đọc nameList của giao diện CSSLayerStatementRule trả về danh sách tên lớp cascade liên quan. Tên không thể được sửa đổi.
Giá trị
Một Array các chuỗi, mỗi chuỗi đại diện cho một lớp cascade được biểu diễn bởi quy tắc câu lệnh @layer.
Ví dụ
HTML
html
<div></div>
CSS
css
@layer layerName, layerName2;
@layer layerName3 {
div {
font-family: serif;
}
}
JavaScript
js
const item = document.getElementsByTagName("div")[0];
const rules = document.getElementById("css-output").sheet.cssRules;
const layerStatementRule = rules[0]; // A CSSLayerStatementRule
const layerBlockRule = rules[1]; // A CSSLayerBlockRule; no nameList property.
item.textContent = `@layer declares the following layers: ${layer.nameList.join(
", ",
)}.`;
Thông số kỹ thuật
| Specification |
|---|
| CSS Cascading and Inheritance Level 5 # dom-csslayerstatementrule-namelist |