WPT
wpt / css / css-nesting / parsing.html
Spec: CSS Nesting ↗
Runs: Chrome 155.0.8041.0 (wpt@2c385f65e, 2026-09-04) | Firefox 157.0a1 (wpt@2c385f65e, 2026-09-04) | Safari 251 preview (wpt@a1e944e7a, 2026-09-04) | Ladybird 1.0-a7825 (wpt@2c385f65e, 2026-09-04) | Servo Servo 0.6 (wpt@7e3d005d7, 2026-09-03) | Blitz a50cb8971 (wpt@a95401e4e, 2026-09-03)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 32/32 | 32/32 | 32/32 | 32/32 | 32/32 | 0/32 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| .foo { & { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { &.bar { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { & .bar { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { & > .bar { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { > .bar { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { > & .bar { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { + .bar & { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { + .bar, .foo, > .baz { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { .foo { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { .test > & .bar { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { .foo, .foo & { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { .foo, .bar { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { :is(.bar, .baz) { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { &:is(.bar, .baz) { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { :is(.bar, &.baz) { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { &:is(.bar, &.baz) { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { div& { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| INVALID: .foo { &div { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { .class& { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { &.class { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { [attr]& { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { &[attr] { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { #id& { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { &#id { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { :hover& { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { &:hover { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { :is(div)& { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { &:is(div) { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { & .bar & .baz & .qux { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { && { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo { & > section, & > article { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| .foo, .bar { & + .baz, &.qux { color: green; }} | PASS | PASS | PASS | PASS | PASS | — |
| Uncaught JS error | — | — | — | — | — | FAIL |