Skip to content

Commit af94e5a

Browse files
committed
[css-scoping-2] Remove inaccurate implied-ancestor mentions
1 parent 1f280de commit af94e5a

1 file changed

Lines changed: 6 additions & 9 deletions

File tree

css-scoping-2/Overview.bs

Lines changed: 6 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -215,14 +215,14 @@ The in-scope pseudo-class '':in()''</h3>
215215
</pre>
216216

217217
Without any such lower boundaries,
218-
the ''in()'' pseudo-class is similar to other descendant selectors.
218+
the ''in()'' pseudo-class is similar to other existing selectors.
219219
These three selectors will all select the same elements,
220220
with the same specificity:
221221

222222
<pre class=lang-css>
223223
.child:in(.ancestor) { color: darkmagenta; }
224-
.child:is(.ancestor *) { color: darkmagenta; }
225-
.ancestor .child { color: darkmagenta; }
224+
.child:is(.ancestor, .ancestor *) { color: darkmagenta; }
225+
.ancestor.child, .ancestor .child { color: darkmagenta; }
226226
</pre>
227227
</div>
228228

@@ -256,17 +256,14 @@ Scoping Styles in CSS: the ''@scope'' rule</h3>
256256

257257
* [=scoped selectors|Selectors are scoped=] to the [=scope=] in question,
258258
with the [=:scope element=] being the [=scoping root=].
259-
* The '':scope'' pseudo-class takes on the <dfn>scope specificity</dfn> of
259+
* Selectors are given the added specificity of
260260
the most specific [=complex selector=] in the <<scope-start>> argument.
261-
* Any selector that does not include an explicit '':scope'' pseudo-class
262-
has an implicit '':scope'' ancestor prepended to the selector,
263-
so that the [=scope specificity=] is applied to every selector in the <<stylesheet>>.
261+
This is designed to match the behavior of the '':in()'' and '':is()'' selectors.
264262
* The cascade prioritizes rules with a [=scope proximity|more proximate=] [=scoping root=],
265263
regardless of source order.
266264

267265
<div class=example>
268-
The following selectors have the same specificity (1,0,1),
269-
and match the same elements:
266+
The following selectors have the same specificity (1,0,1):
270267

271268
<pre class=lang-css>
272269
@scope (#hero) {

0 commit comments

Comments
 (0)