tree f6ac8101cac5358261de4c7452d7423ef321866d
parent 07f8a582cfeb87698bbd3dd0788fb29f682cf758
author Anders Hartvoll Ruud <andruud@chromium.org> 1688639500 -0700
committer Blink WPT Bot <blink-w3c-test-autoroller@chromium.org> 1688641533 -0700

[@scope] Support @scope nested within style rules

This CL adds support for nesting @scope inside regular style rules, e.g.

  .a {
    @scope (& .b) {
      & { ... }
    }
  }

Note that @scope is a little different from other nested group rules
(like @media), because @scope itself acts as the parent *style* rule
for the purposes of evaluating the parent pseudo-class (&) inside the
body [1].

This means the '&' in the @scope's prelude refers to the '.a' selector,
but the '&' in @scope's body refers to the selector in the prelude,
which effectively is '.a .b'.

[1] https://drafts.csswg.org/css-nesting/#nesting-at-scope

Bug: 1456435
Change-Id: I6f53566d9e9bde50a888ab3b86dfd6699f004ebd
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4637290
Reviewed-by: Steinar H Gunderson <sesse@chromium.org>
Commit-Queue: Anders Hartvoll Ruud <andruud@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1166424}