[morbicer]

There's a bunch of things you can't do with style attributes, just to pick a few:

- Pseudo-classes (e.g., :hover, :focus)

- Pseudo-elements (e.g., ::before, ::after)

- Media queries

- Keyframes and animations

And the DX in a larger project isn't great either.

On the other hand, this upcoming standard is a great addition for collocating styles https://developer.mozilla.org/en-US/docs/Web/CSS/@scope

[nilslindemann]

https://developer.mozilla.org/en-US/docs/Web/CSS/@layer also solves a lot of problems.

[jeanlucas]

Indeed, it also solves a lot of problems