Re: [csswg-drafts] [css-nesting] Allow CSS nesting for inline styles (#8752)

Does it mean it would allow inline style attribute to:
1. Define dynamic and validation state appearances, like `&:hover`, `&:active`, `&:invalid` for the host element?
2. Define content of `&::before` `&::after` pseudos of the host element?
3. And (gasp) even affect parents (`*:has(>&)` )and siblings (`& ~ *`)?

1:
```HTML
<button style="&:active { color: red; }">Click for red.</button>
```

2:
```HTML
<el style="&::before { content: 'Bang: '; }">❗</el>
```

3:
```HTML
<parent>
  Green.
  <el style="
    *:has(>&) { color: green; }
    & + el { color: red; }
  ">(Also green.)</el>
  <el>Red.</el>
</parent>
```

That would be rad❗

---

BTW, shouldn't this issue remain opened up until specs are done and linked here?

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


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

Received on Wednesday, 28 June 2023 08:53:49 UTC