@@ -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 <section class="light-scheme">
0 commit comments