[css-cascade-5] Rename @layers to @layer. w3c#5855

Author: fantasai

css-cascade-5/Overview.bs

@@ -1123,7 +1123,7 @@ Declaring Cascade Layers: the ''@layer'' rule</h4>
 	without assigning any style rules, by providing only a [=layer name=]:
 
 	<pre class='prod'>
-		@layer <<layer-ident>>;
+		@layer <<layer-ident>>#;
 	</pre>
 
 	Such empty ''@layer'' are allowed
@@ -1175,7 +1175,19 @@ Declaring Cascade Layers: the ''@layer'' rule</h4>
 			}
 		</pre>
 
-		See also [[#at-layers]].
+		It can also be written with the comma-separated syntax as:
+
+		<pre class='lang-css'>
+			@layer default, theme, components;
+
+			@layer theme url(theme.css);
+
+			@layer default {
+			  audio[controls] {
+			    display: block;
+			  }
+			}
+		</pre>
 	</div>
 
 <h5 id="nested-layers" class="no-toc">
@@ -1317,44 +1329,6 @@ Un-Named Layers</h5>
 
 	Issue(w3c/csswg-drafts#5792): Should unnamed cascade layers be allowed?
 
-<h4 id="at-layers">
-Layer-Declaring Shorthand: the ''@layers'' rule</h3>
-
-	The <dfn at-rule id="at-ruledef-layers">@layers</dfn> rule
-	describes a list of explicit [=cascade layers=],
-	in order from lowest to highest priority.
-	Its syntax is:
-
-	<pre class='prod'>
-		@layers <<layer-ident>> [, <<layer-ident>>]* ;
-	</pre>
-
-	This is provided as a shorthand for establishing the order of named layers,
-	and has the same effect as declaring each [=layer name=]
-	in order in its own empty ''@layer'' rule.
-
-	<div class="example">
-		The following examples have the same result.
-
-		Using multiple ''@layer'' rules with identifier only:
-
-		<pre class='lang-css'>
-			@layer default;
-			@layer theme;
-			@layer components;
-		</pre>
-
-		Using the ''@layers'' shorthand syntax:
-
-		<pre class='lang-css'>
-			@layers default, theme, components;
-		</pre>
-	</div>
-
-	''@layers'' rules are allowed anywhere an empty ''@layer'' rule is allowed.
-
-	Issue(w3c/csswg-drafts#5855): Rename @layers to @layer
-
 <h3 id="preshint">
 Precedence of Non-CSS Presentational Hints</h3>