CSSLayerStatementRule
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit März 2022 browserübergreifend verfügbar.
Das CSSLayerStatementRule repräsentiert eine @layer-Anweisung. Im Gegensatz zur CSSLayerBlockRule enthält es keine anderen Regeln und definiert lediglich einen oder mehrere Schichten durch Angabe ihrer Namen.
Diese Regel ermöglicht es Ihnen, die Reihenfolge der Schichten explizit zu deklarieren, was auf anschauliche Weise am Anfang einer CSS-Datei erfolgt: Die Reihenfolge der Schichten wird durch das erste Vorkommen jedes Schichtennamens definiert. Die Deklaration mit einer Anweisung ermöglicht es dem Leser, die Reihenfolge der Schichten zu verstehen. Es erlaubt auch, dass Inline- und importierte Schichten miteinander verschachtelt werden, was bei Verwendung der CSSLayerBlockRule-Syntax nicht möglich ist.
Instanzeigenschaften
Erbt auch Eigenschaften von seiner Elternschnittstelle, CSSRule.
CSSLayerStatementRule.nameListSchreibgeschützt- Ein Array von Zeichenfolgen, das den Namen jeder Kaskadenschicht durch die Regel darstellt
Beispiele
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(
", ",
)}.`;
Ergebnis
Spezifikationen
| Spezifikation |
|---|
| CSS Cascading and Inheritance Level 5 # csslayerstatementrule |