Skip to content

Commit b7c7a15

Browse files
committed
[css-cascade-5][editorial] Clarify layer API, and update changes
1 parent cd6c986 commit b7c7a15

1 file changed

Lines changed: 21 additions & 12 deletions

File tree

css-cascade-5/Overview.bs

Lines changed: 21 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1879,13 +1879,17 @@ Rolling Back Cascade Layers: the ''revert-layer'' keyword</h4>
18791879
<h3 id='extensions-to-cssimportrule-interface'>
18801880
Extensions to the <code>CSSImportRule</code> interface</h3>
18811881

1882-
The <code>CSSImportRule</code> interface is extended as follows:
1882+
The <code>CSSImportRule</code> interface is extended as follows:
18831883

1884-
<pre class='idl'>
1885-
partial interface CSSImportRule {
1886-
readonly attribute CSSOMString layerName;
1887-
};
1888-
</pre>
1884+
<pre class='idl'>
1885+
partial interface CSSImportRule {
1886+
readonly attribute CSSOMString layerName;
1887+
};
1888+
</pre>
1889+
1890+
Its <dfn attribute for=CSSImportRule>layerName</dfn> attribute represents
1891+
the [=layer name=] declared in the at-rule itself,
1892+
and is an empty string if the layer is anonymous.
18891893

18901894
<h3 id="the-csslayerblockrule-interface">
18911895
The <code>CSSLayerBlockRule</code> interface</h3>
@@ -1901,19 +1905,21 @@ The <code>CSSLayerBlockRule</code> interface</h3>
19011905
</pre>
19021906

19031907
Its <dfn attribute for=CSSLayerBlockRule>name</dfn> attribute represents
1904-
the [=layer name=] declared by the at-rule
1905-
as written, with white space removed--
1908+
the [=layer name=] declared by the at-rule itself,
19061909
and is an empty string if the layer is anonymous.
19071910

19081911
<div class="example">
1912+
For example,
1913+
additional nested context is not added from wrapping layer rules.
1914+
19091915
<pre class='lang-css'>
19101916
@layer outer {
1911-
@layer foo . bar { }
1917+
@layer foo.bar { }
19121918
}
19131919
</pre>
19141920

1915-
The {{CSSLayerBlockRule/name}} of the inner ''@layer'' rule
1916-
is “foo.bar” (and not “foo . bar” or “outer.foo.bar”).
1921+
in this case the {{CSSLayerBlockRule/name}} of the inner ''@layer'' rule
1922+
is “foo.bar” (and not “outer.foo.bar”).
19171923
</div>
19181924

19191925
<h3 id="the-csslayerstatementrule-interface">
@@ -1930,7 +1936,7 @@ The <code>CSSLayerStatementRule</code> interface</h3>
19301936
</pre>
19311937

19321938
Its <dfn attribute for=CSSLayerStatementRule>nameList</dfn> attribute represents
1933-
the (possibly empty) list of [=layer names=] declared by the at-rule,
1939+
the list of [=layer names=] declared by the at-rule,
19341940
normalized following the same rule as
19351941
the {{CSSLayerBlockRule}}’s {{CSSLayerBlockRule/name}} attribute.
19361942

@@ -1957,6 +1963,9 @@ Non-trivial changes since the <a href="https://www.w3.org/TR/2021/WD-css-cascade
19571963
(<a href="https://github.com/w3c/csswg-drafts/issues/6193">Issue 6193</a>)
19581964
* Added [[#layer-apis]] section.
19591965
(<a href="https://github.com/w3c/csswg-drafts/issues/6576">Issue 6576</a>)
1966+
* Clarified the behavior of ''revert-layer'' keyword when
1967+
used in the style attribute or ''@keframes'' at-rule.
1968+
(<a href="https://github.com/w3c/csswg-drafts/issues/6743">Issue 6743</a>)
19601969
* Clarified the behavior of the ''layer'' keyword and ''layer()'' function
19611970
on ''@import'' rules.
19621971
(<a href="https://github.com/w3c/csswg-drafts/issues/6776">Issue 6776</a>)

0 commit comments

Comments
 (0)