docs(Fx142): css ampersand in at-scope content and :scope

[bsmth]

Description

Using & inside @scope changes according to spec updates (and relation to :scope).

This makes & & redundant as far as I can see. The explainer has good context and I hope I've conveyed that in these changes.

Explainer: https://css.oddbird.net/scope/parent-selector/

Bugs

• Change & behaviour inside @scope block as per spec resolution

Additional details

• Parent issue [CSS] Change & behaviour inside @scope block as per spec resolution #40481
• relnote relnote(Fx142): & inside at-scope blocks implicit specificity #40809

[github-actions]

Preview URLs

• /en-US/docs/Web/CSS/@scope

Flaws (4)

URL: /en-US/docs/Web/CSS/@scope
Title: @scope
Flaw count: 4

• broken_links:
  • Can't resolve /en-US/docs/Web/CSS/scope-start
  • Can't resolve /en-US/docs/Web/CSS/scope-end
  • Can't resolve /en-US/docs/Web/CSS/block-contents
• macros:
  • Macro produces link /en-US/docs/Learn_web_development/Core/Styling_basics/Cool-looking_box which is a redirect

(comment last updated: 2025-08-28 09:19:54)

[dipikabh]

I can take up the review for this

[dipikabh]

Great, thanks for capturing the changes in the specificity behavior.
I've added a few rephrasing suggestions.

[bsmth]

Thanks for the review! @dipikabh do you want to have another look?

[dipikabh]

Much better after the cleanup, thanks!

[bsmth]

Thanks, Dipika! Do you want to have another look?

[dipikabh]

Looks really good, thanks a lot @bsmth!
Let's land these updates 🎉

[bsmth]

Looks really good, thanks a lot @bsmth! Let's land these updates 🎉

Great, thanks a lot!