[css-cascade-5] Improve wording about layer order/precedence. #7041

Author: tabatkins

css-cascade-5/Overview.bs

@@ -1036,13 +1036,14 @@ Cascade Sorting Order</h3>
 			any declaration not assigned to an explicit layer
 			is added to an implicit final layer.
 
-			Cascade layers (like declarations) are ordered by order of appearance.
+			Cascade layers (like declarations) are sorted by order of appearance,
+			see [[#layer-ordering]].
 			When comparing declarations that belong to different layers,
-			then for [=normal=] rules the declaration whose [=cascade layer=] is last wins,
-			and for [=important=] rules the declaration whose [=cascade layer=] is first wins.
+			then for [=normal=] rules the declaration whose [=cascade layer=] is latest in the layer order wins,
+			and for [=important=] rules the declaration whose [=cascade layer=] is earliest wins.
 
-			Note: This follows the same logic used for layering [=normal=] and [=important=] [=origins=],
-			so that the ''!important'' flag maintains the same “override” purpose in both settings.
+			Note: This follows the same logic used for precedence of [=normal=] and [=important=] [=origins=],
+			thus the ''!important'' flag maintains the same “override” purpose in both settings.
 
 		<dt id='cascade-specificity'>Specificity
 		<dd>
@@ -1224,7 +1225,7 @@ Cascade Layers</h3>
 
 	<div class="example">
 		For example, the following generates an explicit ''reset'' layer,
-		with lower cascade weight than any unlayered styles:
+		with lower cascade precedence than any unlayered styles:
 
 		<pre class='lang-css'>
 		audio {
@@ -1241,7 +1242,7 @@ Cascade Layers</h3>
 		</pre>
 
 		The unlayered declarations on the <{audio}> element take precedence
-		over the explicitly layered declarations on <code>audio[controls]</code> --
+		over the explicitly layered declarations on <code>audio[controls]</code>--
 		even though the unlayered styles have a lower specificity,
 		and come first in the order of appearance.
 	</div>
@@ -1493,8 +1494,9 @@ Layer Ordering</h4>
 
 	Cascade layers are sorted
 	by the order in which they first are declared,
-	with nested layers grouped within their parent layers
-	before any unlayered rules.
+	with nested layers grouped within their parent layer.
+	Unlayered rules are sorted later than
+	any layered rules within the same parent layer (if any).
 
 	<div class="example">
 		Given the following layer rules: