https://drafts.csswg.org/css-cascade-6/#scoped-styles The [explainer](https://css.oddbird.net/scope/explainer/#references--acknowledgements) references this issue: [Please bring back scoped styles](https://github.com/w3c/csswg-drafts/issues/3547). Either there's something missing from the spec or I'm missing it, which is a way to have a `` element that gets scoped to its own parent element. ```html <div> <style scoped>p { color: red; } red ``` `` would guarantee that the color only applied to children of the parent div. I could do it by adding a unique ID or attribute: ```html <div id="foo"> <style>#foo p { color: red; } red ``` … this is basically what Vue does at build time. But I want the same effect without a build step! I think we'd want something like `@scope(:style-parent)`. ```html @scope(:style-parent) { p { color: red; } } red ``` Otherwise, even with `@scope` back in play, I'd still have to use a build tool (or something) to generate an ID for the upper bound of the scope.