Re: [csswg-drafts] [css-nesting-1] Can we relax the syntax further? (#7961)

@tabatkins an interesting thing that I came across while working on nesting. Presumably this changes error recovery in some cases right? E.g., a stray semicolon right now makes the following `@media` rule invalid, but it probably shouldn't after this.

I think that both boxes here should be the same color (and probably green):

```html
<!doctype html>
<style>
div {
  width: 50px; height: 50px;
  background-color: red;
}

@media screen {
  #a { background-color: yellow }
  ;
  #a { background-color: green } 
}

:root {
  @media screen {
    #b { background-color: yellow }
    ;
    #b { background-color: green } 
  }
}

</style>
<div id="a"></div>
<div id="b"></div>
```

Does that match your intuition? There are some tests that effectively expect the yellow behavior in the top level context, but I think it'd be unfortunate if stuff was inconsistent here...

-- 
GitHub Notification of comment by emilio
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7961#issuecomment-1549874958 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 16 May 2023 15:16:13 UTC