```html <!DOCTYPE html> <head> </head> <body> <main> <style> @scope { :scope { background-color: antiquewhite; } .card { color: blue; } } </style> </main> </body> </html> ``` Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/@scope Spec: https://drafts.csswg.org/css-cascade-6/#scoped-styles Caniuse: https://caniuse.com/css-cascade-scope
Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/@scope
Spec: https://drafts.csswg.org/css-cascade-6/#scoped-styles
Caniuse: https://caniuse.com/css-cascade-scope