CSSImportRule: свойство layerName

Только для чтения layerName свойство интерфейса CSSImportRule возвращает имя каскадного слоя, созданного правилом @import at-правила.

Если созданный слой анонимный, строка пуста (""), если слой не создан, то возвращается null объект.

Строка, которая может быть пустой или null объектом.

Документ содержит три правила @import. Первое правило импортирует таблицу стилей в именованный слой. Второе правило импортирует таблицу стилей в анонимный слой. Третье правило импортирует таблицу стилей без указания слоя.

Свойство layerName возвращает имя слоя, связанного с импортированной таблицей стилей.

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

const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].layerName); // returns `"layer-1"`
console.log(myRules[1].layerName); // returns `""` (an anonymous layer)
console.log(myRules[2].layerName); // returns `null`

• Учебный раздел: Каскадные слои
• @import и @layer