CSSLayerStatementRule

Die CSSLayerStatementRule repräsentiert eine @layer-Anweisungsregel. Im Gegensatz zur CSSLayerBlockRule enthält sie keine anderen Regeln und definiert lediglich eine oder mehrere Ebenen, indem sie deren Namen angibt.

Diese Regel ermöglicht es, die Ordnung der Ebenen auf eine offensichtliche Weise am Anfang einer CSS-Datei explizit festzulegen: Die Schichtreihenfolge wird durch das Auftreten der Schichtnamen bestimmt. Das Deklarieren mit einer Anweisung ermöglicht es dem Leser, die Reihenfolge der Schichten zu verstehen. Es erlaubt auch, Inline- und importierte Schichten zu überlagern, was bei der Verwendung der CSSLayerBlockRule-Syntax nicht möglich ist.

<p></p>

@layer layerName, layerName2;

const item = document.getElementsByTagName("p")[0];
const rules = document.styleSheets[1].cssRules;
// Note that stylesheet #1 is the stylesheet associated with this embedded example,
// while stylesheet #0 is the stylesheet associated with the whole MDN page

const layer = rules[0]; // A CSSLayerStatementRule

item.textContent = `The CSS @layer statement declares the following layers: ${layer.nameList.join(
  ", ",
)}.`;