Skip to content

Commit b3f5761

Browse files
committed
[css-cascade-6] Remove scope-prelude from specificity calculation #8500
1 parent 37129a9 commit b3f5761

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

css-cascade-6/Overview.bs

+8-8
Original file line numberDiff line numberDiff line change
@@ -397,28 +397,28 @@ Scoping Styles: the ''@scope'' rule</h4>
397397
* Selectors can only match elements that are [=in scope=].
398398
This only applies to the [=subject=];
399399
the rest of the selector can match unrestricted.
400-
* Selectors are given the added specificity of
401-
the most specific [=complex selector=] in the <<scope-start>> argument.
402-
403-
Note: This is designed to match the behavior of the '':is()'' selector.
404400

405401
* The [=cascade=] prioritizes declarations
406402
with a [=scope proximity|more proximate=] [=scoping root=],
407403
regardless of specificity or source order.
408404

405+
Note: Unlike <a href="https://www.w3.org/TR/css-nesting/">Nesting</a>,
406+
selectors within an ''@scope'' rule
407+
do not acquire the specificity of any parent selector(s) in the ''@scope'' prelude.
408+
409409
<div class=example>
410-
The following selectors have the same specificity (1,0,1):
410+
The following selectors have the same specificity (0,0,1):
411411

412412
<pre class=lang-css>
413413
@scope (#hero) {
414414
img { border-radius: 50%; }
415415
}
416416

417-
#hero img { border-radius: 50%; }
417+
:where(#hero) img { border-radius: 50%; }
418418
</pre>
419419

420-
But because <{img}> is scoped,
421-
it is weighted more strongly in the cascade.
420+
But because one <{img}> selector is scoped,
421+
that selector is weighted more strongly in the cascade.
422422
</div>
423423

424424
<div class=example>

0 commit comments

Comments
 (0)