Docs page on CSS nesting is missing browser compatibility table

[SetTrend]

CSS nesting is a new feature in CSS. It would be very helpful to know which browsers, and from which versions onwards, support CSS nesting.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting is missing this valuable information.

[pransh15]

Hi @SetTrend 👋

Thanks so much for starting this discussion, I really appreciate you taking the time. The way these pages are structured, like the CSS Nesting Module, is that they act as umbrella or overview pages that group together related reference pages and guides under one topic.

If you check the related selector page — for example, the & nesting selector, you’ll find that it includes the Browser compatibility section there.

In general, these overview pages serve as landing points to help readers explore connected reference material, guides, and concepts. The BCD data typically appears only on the specific reference pages rather than the module overview pages.

Please let me know if you have any more questions. 😄

[SetTrend]

Thanks a lot for takting the time and for sharing this valuable information, @pransh15!

In general, these overview pages serve as landing points to help readers explore connected reference material, guides, and concepts.

I understand … Still, I think it's really hard for the average reader to tell overview pages from reference pages, like in this particular case where CSS nesting and the & nesting selector are closely linked. And just like with the page on CSS nesting at-rules, browser support could differ from that of the & nesting selector.

Would you think it makes sense to add a footnote like "For browser compatibility, see the corresponding reference pages" to overview pages?

[pransh15]

Thanks for your feedback, @SetTrend! I hear you, and will discuss this with the team in our upcoming meeting. I will let you know if we end up on a decision. 😄

Thanks again for helping us make MDN better! 🫶