CSSImportRule: thuộc tính layerName

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 layerName của giao diện CSSImportRule trả về tên của tầng cascade được tạo bởi quy tắc điều kiện @import.

Nếu tầng được tạo là ẩn danh, chuỗi sẽ rỗng (""), nếu không có tầng nào được tạo, nó sẽ là đối tượng null.

Giá trị

Một chuỗi, có thể rỗng, hoặc đối tượng null.

Bảng kiểu duy nhất của tài liệu chứa ba quy tắc @import. Khai báo đầu tiên nhập một bảng kiểu vào một tầng có tên. Khai báo thứ hai nhập một bảng kiểu vào một tầng ẩn danh. Khai báo thứ ba nhập một bảng kiểu mà không có khai báo tầng.

Thuộc tính layerName trả về tên của tầng liên kết với bảng kiểu được nhập.

css

@import "style1.css" layer(layer-1);
@import "style2.css" layer;
@import "style3.css";

const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].layerName); // trả về `"layer-1"`
console.log(myRules[1].layerName); // trả về `""` (một tầng ẩn danh)
console.log(myRules[2].layerName); // trả về `null`