Nesting CSS with > only applies to the deepest rule

[ectudor]

version: 0.17.5

Input

.a {
  color: red;
  > .b {
    color: green;
     > .c {
       color: blue;
       > .d {
        color: blue;
      }
    }
  }
}

Output

.a {
  color: red;
}
.a > .b {
  color: green;
}
.a .b > .c {
  color: blue;
}
.a .b .c > .d {
  color: blue;
}

I expected it to be a. > .b > .c like the example in https://developer.chrome.com/articles/css-nesting/.
I'm not sure what's the impact because my simple css rules still works as expected.

[evanw]

Thanks for the report. This is indeed a bug with esbuild.