diff --git a/css-cascade-6/Overview.bs b/css-cascade-6/Overview.bs index 0504d607c63..329d783113f 100644 --- a/css-cascade-6/Overview.bs +++ b/css-cascade-6/Overview.bs @@ -314,11 +314,7 @@ Effects of ''@scope'' the ''@scope'' rule’s [=scoping root=], including the [=featureless=] [=shadow host=] when that host is the [=scoping root=]. - The ''&'' selector is defined to represent - the selector representing the [=scoping root=] - (the <> selector), - or else '':scope'' if no selector was specified. - + * The ''&'' selector is defined to behave as :where(:scope). * The [=cascade=] prioritizes declarations with a [=scope proximity|more proximate=] [=scoping root=], regardless of specificity or order of appearance @@ -518,19 +514,11 @@ Scoped Style Rules } - While the '':scope'' or ''&'' selectors - can both refer to the [=scoping root=], - they have otherwise different meanings in this context: - - : Differences in selector matching - :: The '':scope'' selector will only match the [=scoping root=] itself, - while the ''&'' selector is able to match any element - that is matched by the <> selector list. - : Differences in selector specificity - :: The '':scope'' selector has a specificity - equal to other pseudo-classes, - while the ''&'' selector has the specificity - equal to the most specific selector in <>. + Both the '':scope'' and ''&'' selectors + match the [=scope root=], + but with different [=specificity=]: + '':scope'' has as [=specificity=] of (0,1,0), + whereas ''&'' has a [=specificity=] of 0.

@@ -773,6 +761,9 @@ Changes since the 21 March 2023 Working Draft

Significant changes since the 21 March 2023 Working Draft include: + * Defined ''&'' to behave like :where(:scope). + (Issue 9740) + * Allowed [=declarations=] directly within ''@scope''. (Issue 10389) diff --git a/css-nesting-1/Overview.bs b/css-nesting-1/Overview.bs index ddb66d718fc..13c4e81716d 100644 --- a/css-nesting-1/Overview.bs +++ b/css-nesting-1/Overview.bs @@ -763,11 +763,6 @@ Nested ''@scope'' Rules refers to the elements matched by the nearest ancestor style rule. - For the purposes of the style rules in its body - and its own <> selector, - the ''@scope'' rule is treated as an ancestor style rule, - matching the elements matched by its <> selector. -
That is, the following code: @@ -787,14 +782,19 @@ Nested ''@scope'' Rules 
 		.parent { color: blue; }
-		@scope (.parent > .scope) to (.parent > .scope .limit) {
-			.parent > .scope .content {
+		@scope (.parent > .scope) to (:where(:scope) .limit) {
+			:where(:scope) .content {
 				color: red;
 			}
 		}
+
+ The ''&'' selector behaves like :where(:scope) + in ''@scope'' rules. +
+