<story><title>CSS Nesting Module</title><url>https://www.w3.org/blog/news/archives/9236</url></story><parent_chain></parent_chain><comment><author>JimDabell</author><text>It’s not apparent from the document posted, but this is actually almost six years old [0] and already implemented as a PostCSS plugin for just as long [1]. It was adopted by the CSS Working Group a couple of years ago [2]. So this is very well-established and you’ve been able to use this syntax for many years. But it’s good to see it moving forward and hopefully browsers will implement it soon now.&lt;p&gt;[0] &lt;a href=&quot;https:&amp;#x2F;&amp;#x2F;tabatkins.github.io&amp;#x2F;specs&amp;#x2F;css-nesting&amp;#x2F;&quot; rel=&quot;nofollow&quot;&gt;https:&amp;#x2F;&amp;#x2F;tabatkins.github.io&amp;#x2F;specs&amp;#x2F;css-nesting&amp;#x2F;&lt;/a&gt;&lt;p&gt;[1] &lt;a href=&quot;https:&amp;#x2F;&amp;#x2F;github.com&amp;#x2F;csstools&amp;#x2F;postcss-nesting&quot; rel=&quot;nofollow&quot;&gt;https:&amp;#x2F;&amp;#x2F;github.com&amp;#x2F;csstools&amp;#x2F;postcss-nesting&lt;/a&gt;&lt;p&gt;[2] &lt;a href=&quot;https:&amp;#x2F;&amp;#x2F;github.com&amp;#x2F;w3c&amp;#x2F;csswg-drafts&amp;#x2F;pull&amp;#x2F;2878&quot; rel=&quot;nofollow&quot;&gt;https:&amp;#x2F;&amp;#x2F;github.com&amp;#x2F;w3c&amp;#x2F;csswg-drafts&amp;#x2F;pull&amp;#x2F;2878&lt;/a&gt;</text></comment>
<story><title>CSS Nesting Module</title><url>https://www.w3.org/blog/news/archives/9236</url></story><parent_chain></parent_chain><comment><author>akersten</author><text>This looks &lt;i&gt;awesome&lt;/i&gt;. I&amp;#x27;m so glad they re-used the &amp;amp; syntax popular in many compile-to-CSS languages. Between this and CSS variables, I might not even need SASS in my toolchain anymore, which would be amazing.&lt;p&gt;@nest looks extremely cool too. An easy way to keep rules affecting one selector logically grouped with it, even if the selector relies on a small thing about its parent elements.</text></comment>