[@scope] Make '&' work like :where(scope) in @scope rules

Within @scope rules, there are currently three subtly different ways
to reference the scoping root:

 A. With the :scope pseudo-class, which matches the specific element
    that is the scoping root. The specificity of :scope is [0, 1, 0].
 B. With the '&' selector. This is really referencing the <scope-start>
    *selector* rather than a specific element [1], but it's effectively
    the same in most cases. The specificity of '&' works like
    the specificity of :is(), i.e. max across the held selector list.
 C. Implicitly, if no '&' or :scope selector is explicitly provided.
    In this case, we effectively prepend :where(scope) (+ descendant
    combinator) to the selector. The specificity of that is obviously
    zero.

This behavior is "all over the place", and although it was done
intentionally to begin with (for consistency with css-nesting),
the CSSWG has since decided [2] that '&' should now just mean
:where(:scope).

In other words, we are changing (B), while (A) and (C) remains the same.

We can carry out this change by simply not providing scoped '&'
with a parent rule pointer at all. This already has zero
specificity (covering the :where() part), and already behaves
like :scope in the SelectorChecker.

Also, I expect that we'll be able to clean up some of the special cases
around @scope in the parser once the flag is removed. For example,
when parsing relative selectors, we don't need to know the current
CSSNestingType to know whether to prepend '&' or ':where(:scope)';
we can just always prepend '&' now. This is for future CLs, however.

[1] This means that '@scope(div) { & + & {} }' can match (a <div> next
    to another <div>), but '@scope(div) { :scope + :scope {} }' can not
    (an element can not be its own sibling).
[2] https://github.com/w3c/csswg-drafts/issues/9740

Fixed: 445949406
Change-Id: I63dc55c12d875096534e69adbbd5d5298e109fa1
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7006094
Commit-Queue: Anders Hartvoll Ruud <andruud@chromium.org>
Reviewed-by: Steinar H Gunderson <sesse@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1526767}
8 files changed
tree: 1ff35b4cba6f56c52919eb2ff8d8e9ef6b33e14d
  1. .gemini/
  2. .github/
  3. agents/
  4. android_webview/
  5. apps/
  6. ash/
  7. base/
  8. build/
  9. build_overrides/
  10. buildtools/
  11. cc/
  12. chrome/
  13. chromecast/
  14. chromeos/
  15. codelabs/
  16. components/
  17. content/
  18. crypto/
  19. dbus/
  20. device/
  21. docs/
  22. extensions/
  23. fuchsia_web/
  24. gin/
  25. google_apis/
  26. gpu/
  27. headless/
  28. infra/
  29. ios/
  30. ipc/
  31. media/
  32. mojo/
  33. net/
  34. pdf/
  35. printing/
  36. remoting/
  37. rlz/
  38. sandbox/
  39. services/
  40. skia/
  41. sql/
  42. storage/
  43. styleguide/
  44. testing/
  45. third_party/
  46. tools/
  47. ui/
  48. url/
  49. webkit/
  50. .clang-format
  51. .clang-tidy
  52. .clangd
  53. .cursorignore
  54. .geminiignore
  55. .git-blame-ignore-revs
  56. .gitallowed
  57. .gitattributes
  58. .gitignore
  59. .gitmodules
  60. .gn
  61. .mailmap
  62. .rustfmt.toml
  63. .vpython3
  64. .yapfignore
  65. ATL_OWNERS
  66. AUTHORS
  67. BUILD.gn
  68. CODE_OF_CONDUCT.md
  69. codereview.settings
  70. CPPLINT.cfg
  71. CRYPTO_OWNERS
  72. DEPS
  73. DIR_METADATA
  74. LICENSE
  75. LICENSE.chromium_os
  76. OWNERS
  77. PRESUBMIT.py
  78. PRESUBMIT_test.py
  79. PRESUBMIT_test_mocks.py
  80. README.md
  81. SECURITY_OWNERS
  82. WATCHLISTS
README.md

Logo Chromium

Chromium is an open-source browser project that aims to build a safer, faster, and more stable way for all users to experience the web.

The project's web site is https://www.chromium.org.

To check out the source code locally, don't use git clone! Instead, follow the instructions on how to get the code.

Documentation in the source is rooted in docs/README.md.

Learn how to Get Around the Chromium Source Code Directory Structure.

For historical reasons, there are some small top level directories. Now the guidance is that new top level directories are for product (e.g. Chrome, Android WebView, Ash). Even if these products have multiple executables, the code should be in subdirectories of the product.

If you found a bug, please file it at https://crbug.com/new.