Re: [csswg-drafts] [css-nesting] Require `div&`, disallow `&div`, for Sass compat (#8662)

Alternative solution to nesting that does not change existing syntax grammar.

1 To introduce style blocks : 

```CSS
@set  MyComponent {
   :root { border: 1px solid; } /* root element of the block, or :scope */
   :root > div { ... } /* immediate child of the root */
   div { ... } /* any element inside the root */
}
```
and one property named `style-set: ... nameOfTheSet ...`: 
```
widget.myComponent {
   style-set: MyComponent;
}
```
style-set is an inheritable by default property. 

Element that has explicit declaration of `style-set` is the root.

This variant solves problem of CSS declarations modularity without breaking changes.


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


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

Received on Tuesday, 4 April 2023 02:49:45 UTC