Email or username:

Password:

Forgot your password?
Nicolas Chevobbe

CSS nesting is enabled in Firefox 117 (currently Beta/DevEdition) 🎉

This was a bit stressful as the impact on @FirefoxDevTools was quite important and we had to change a lot of things in a lot of different places to ensure everything works with nesting.

We took this opportunity to rework how we display grouped rules, so it looks more like the CSS you authored 🙂

Firefox DevTools Inspector rules view, displaying the following nested rule:

```css
body {
  & main, & x-does-not-exist {
    #sidebar, #this-id-does-not-exist {
      @container root (10px < width) {
        & span, .this-class-does-not-exist {
          font-weight: bold;
        }
      }
    }
  }
}
```
1 comment
Go Up