From 9c0a38c568d573efb628c9894a9a227b553f4079 Mon Sep 17 00:00:00 2001 From: bayesian-intelligence Date: Sun, 22 Dec 2024 16:42:00 +1100 Subject: [PATCH 1/4] Additional details on @scope boundaries. Describes the inclusivity/exclusivity of @scope boundaries, and makes it clear that an inline @scope can be used just with a scope limit. --- files/en-us/web/css/@scope/index.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/files/en-us/web/css/@scope/index.md b/files/en-us/web/css/@scope/index.md index ece82eefdf94af6..ae854eecfc0ed77 100644 --- a/files/en-us/web/css/@scope/index.md +++ b/files/en-us/web/css/@scope/index.md @@ -23,6 +23,8 @@ The `@scope` at-rule contains one or more rulesets (termed **scoped style rules* } ``` + The scope's upper bound is inclusive and its lower bound is exclusive. To change these, you can combine either selector with a universal child selector. For example, `@scope (scope root) to (scope limit > *)` would make both upper and lower bounds inclusive, `@scope (scope root > *) to (scope limit)` would make both bounds exclusive, while `@scope (scope root > *) to (scope limit > *)` would give an exclusive upper bound and inclusive lower bound. + 2. As inline styles included inside a {{htmlelement("style")}} element in your HTML, in which case the prelude is omitted, and the enclosed ruleset is automatically scoped to the ` ``` + + It is also possible to combine an inline `@scope` with a scope limit selector, as in `@scope to (scope limit) { ... }`. ## Description From b8478f8e9e4720e9729cd470f9710736b0007cc1 Mon Sep 17 00:00:00 2001 From: bayesian-intelligence Date: Sun, 22 Dec 2024 16:46:34 +1100 Subject: [PATCH 2/4] Update index.md --- files/en-us/web/css/@scope/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/en-us/web/css/@scope/index.md b/files/en-us/web/css/@scope/index.md index ae854eecfc0ed77..fa02f64fd3b5c6f 100644 --- a/files/en-us/web/css/@scope/index.md +++ b/files/en-us/web/css/@scope/index.md @@ -23,7 +23,7 @@ The `@scope` at-rule contains one or more rulesets (termed **scoped style rules* } ``` - The scope's upper bound is inclusive and its lower bound is exclusive. To change these, you can combine either selector with a universal child selector. For example, `@scope (scope root) to (scope limit > *)` would make both upper and lower bounds inclusive, `@scope (scope root > *) to (scope limit)` would make both bounds exclusive, while `@scope (scope root > *) to (scope limit > *)` would give an exclusive upper bound and inclusive lower bound. + The scope's upper bound is inclusive and its lower bound is exclusive. To change this behavior, you can combine either selector with a universal child selector. For example, `@scope (scope root) to (scope limit > *)` would make both bounds inclusive, `@scope (scope root > *) to (scope limit)` would make both bounds exclusive, while `@scope (scope root > *) to (scope limit > *)` would give an exclusive upper bound and an inclusive lower bound. 2. As inline styles included inside a {{htmlelement("style")}} element in your HTML, in which case the prelude is omitted, and the enclosed ruleset is automatically scoped to the ` ``` - It is also possible to combine an inline `@scope` with a scope limit selector, as in `@scope to (scope limit) { ... }`. ## Description From 95169d03d3931f94079fe990f4916094ff2af59b Mon Sep 17 00:00:00 2001 From: bayesian-intelligence Date: Mon, 23 Dec 2024 12:49:49 +1100 Subject: [PATCH 4/4] Update files/en-us/web/css/@scope/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- files/en-us/web/css/@scope/index.md | 1 + 1 file changed, 1 insertion(+) diff --git a/files/en-us/web/css/@scope/index.md b/files/en-us/web/css/@scope/index.md index fc8dedfe2fa964a..cbd84b2bbfc7a99 100644 --- a/files/en-us/web/css/@scope/index.md +++ b/files/en-us/web/css/@scope/index.md @@ -36,6 +36,7 @@ The `@scope` at-rule contains one or more rulesets (termed **scoped style rules* ``` + It is also possible to combine an inline `@scope` with a scope limit selector, as in `@scope to (scope limit) { ... }`. ## Description