Yes! Also missed the news that this has landed. Using nesting to organize my CSS makes a lot of sense to me. Excited to go overboard and do some nesting-driven hierarchies…
The discussion about blog microfeatures a few weeks ago prompted me to turn my blog’s headings into clickable links, not just anchors, to make it easier to link to a particular section (especially when the article lacks a ToC). This led to a CSS specificity problem, which traditionally would have been very tedious to deal with, because I would have had to repeat the more-specific selectors for all 6 heading tags. I fixed the problem with a little nested CSS. Nice!
Wow! Completely missed this finally becoming a thing! 90% of why I used SCSS finally gone. Modern Browser support across the board [1] as well.
[1] https://caniuse.com/css-nesting
Yes! Also missed the news that this has landed. Using nesting to organize my CSS makes a lot of sense to me. Excited to go overboard and do some nesting-driven hierarchies…
I am finding it extremely difficult to understand the interactions between this and the
&that they use in some of the examples.Edit: I get it now. I got Claude to explain it with interactive examples: https://claude.site/artifacts/e00f7943-2da7-45f7-9bb8-c7036aa235be
Ah, thank you! This is super helpful!
The discussion about blog microfeatures a few weeks ago prompted me to turn my blog’s headings into clickable links, not just anchors, to make it easier to link to a particular section (especially when the article lacks a ToC). This led to a CSS specificity problem, which traditionally would have been very tedious to deal with, because I would have had to repeat the more-specific selectors for all 6 heading tags. I fixed the problem with a little nested CSS. Nice!