Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[css] Add support for CSS nesting (experimental)
See original GitHub issueIt is already possible today to use CSS nesting based on the working draft with PostCSS and the PostCSS Nesting plugin.
Unfortunately doing so throws a whole bunch of errors: css-rcurlyexpected, css-lcurlyexpected, css-selectorexpected, css-ruleorselectorexpected, …
It would be great if there would be a way to enable support for this upcoming feature (experimental features flag?)
Issue Analytics
- State:
- Created a year ago
- Reactions:10
- Comments:8 (2 by maintainers)
Top Results From Across the Web
PostCSS Language Support - Visual Studio Marketplace
PostCSS Language Support adds support for modern and experimental CSS within ... Support is added for nesting rules, including the nesting ...
Read more >CSS Nesting Module - W3C
This module describes support for nesting a style rule within another style rule, allowing the inner rule's selector to reference the elements ...
Read more >CSS Nesting | Can I use... Support tables for HTML5, CSS3, etc
CSS nesting provides the ability to nest one style rule inside another, with the selector of the child rule relative to the selector...
Read more >1095675 - Implement css-nesting-1 - chromium - Monorail
to look for it in the new StyleRule object. Covered by test in the new patch. ... [css-nesting] Add CSSOM support for nested...
Read more >Help pick a syntax for CSS nesting - Chrome Developers
This is the current specified syntax in CSS Nesting 1. It offers a convenient way to nest appending styles by starting new nested...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Chromium has just implemented experimental CSS nesting support and the CSSWG confirmed that the syntax will not change any more. At this point of time, there is no reason any more not to implement CSS nesting support in VSCode. As already mentioned by @Th3S4mur41, nesting is also already possible with a PostCSS plugin. Now that Chromium has an implementation, Apple and Mozilla will probably follow soon, and then things can go pretty quickly. So in my opinion now the time has come to implement nesting support in VSCode.
I’ve opened an issue on microsoft/vscode-css-languageservice, which is a more suitable place for this discussion to continue.
Any news? No time to wait! CSS nesting is awesome!