Update "Using CSS nesting" examples to only consider current spec

[DanKaplanSES]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting/Using_CSS_nesting

What specific section or headline is this issue about?

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting/Using_CSS_nesting#examples

What information was incorrect, unhelpful, or incomplete?

This example page contains this note:

Note: This example demonstrates different outputs in browsers implementing the original specification versus the current nesting spec. The original, pre-August 2023 nesting spec that was implemented in Chrome or Safari, requires the & nesting combinator. If your browser supports the current spec, the output of both examples matches that of the second example.

As this spec was implemented over a year ago, I think the note and/or examples should be updated so they're only relevant to the current specification.

As a reader interested in the current spec, I can't tell if this example teaches me a pertinent lesson. I wouldn't feel confident about that without reading info on an external site.

What did you expect to see?

See above

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Page report details

• Folder: en-us/web/css/css_nesting/using_css_nesting
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting/Using_CSS_nesting
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/css/css_nesting/using_css_nesting/index.md
• Last commit: 5b20f5f
• Document last modified: 2024-12-19T15:37:45.000Z

[OnkarRuikar]

Thanks for flagging the outdated note!