Skip to content

Commit 649c859

Browse files
committed
[css-scoping-2][editorial] Fix typos
1 parent 43c34fd commit 649c859

1 file changed

Lines changed: 7 additions & 7 deletions

File tree

css-scoping-2/Overview.bs

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -144,7 +144,7 @@ Scoped Styles</h2>
144144
</pre>
145145

146146
The ''img'' selector will only match image tags that are inside a ''.media-object'',
147-
without any intervening ''.content'' matches between it and the [=scoping root=].
147+
without any intervening ''.content'' class between it and the [=scoping root=].
148148
</div>
149149

150150
<!--
@@ -176,7 +176,7 @@ The in-scope pseudo-class '':in()''</h3>
176176

177177
The specificity of the '':in()'' pseudo-class
178178
is replaced by the specificity of
179-
the most specific [=complex selector=] in its <<scope-end>> argument.
179+
the most specific [=complex selector=] in its <<scope-start>> argument.
180180

181181
<div class=example>
182182
The purpose of the in-scope pseudo-class
@@ -228,7 +228,7 @@ Scoping Styles in CSS: the ''@scope'' rule</h3>
228228

229229
* Selectors are given the added specificity of
230230
the most specific [=complex selector=] in the <<scope-start>> argument.
231-
This is designed to match the behavior of the ''in()'' and '':is()'' selectors.
231+
This is designed to match the behavior of the '':in()'' and '':is()'' selectors.
232232
* [=scoped selectors|Selectors are scoped=] to the [=scope=] in question,
233233
with the [=:scope element=] being the [=scoping root=].
234234
* The cascade prioritizes rules with a [=scope proximity|more proximate=] [=scoping root=],
@@ -237,9 +237,9 @@ Scoping Styles in CSS: the ''@scope'' rule</h3>
237237
<div class=example>
238238
When scoped declarations overlap—
239239
applying to the same elements
240-
with the same cascade origin, importance, and specificity—
240+
with the same cascade origin, importance, layer, and specificity—
241241
then one with closer [=scope proximity=] takes precedence.
242-
Using our
242+
For example, this ''light-scheme'' and ''dark-scheme'' scopes:
243243

244244
<pre class=lang-css>
245245
@scope (.light-scheme) {
@@ -251,10 +251,10 @@ Scoping Styles in CSS: the ''@scope'' rule</h3>
251251
}
252252
</pre>
253253

254-
If ''light-scheme'' and ''dark-scheme'' classes are nested,
254+
If ''light-scheme'' and ''dark-scheme'' classes are nested in the DOM,
255255
whichever is closer to a given link in the DOM tree
256256
will take precedence for styling that link,
257-
regardless of their order in the source:
257+
regardless of their order of appearance in CSS:
258258

259259
<pre class=lang-html>
260260
&lt;section class="light-scheme">

0 commit comments

Comments
 (0)