← Back to release summary

@scope

Category

CSS

Type

New or changed feature

Status

Enabled by default (Chrome 118)

Intent stage

Start prototyping

Summary

Allows authors to scope style rules to a given scoping root, and style elements according to the proximity of that scoping root.

Motivation

https://css.oddbird.net/scope/explainer/#goals

Standards & signals

• Specification: https://drafts.csswg.org/css-cascade-6/#scope-atrule
• Firefox: Positive
• Safari: Support
• Web developers: Positive — See also emoji excitement on this post to bring back scoped styles: https://github.com/w3c/csswg-drafts/issues/3547
• Tracking bug: https://crbug.com/1280240

Explainers: https://css.oddbird.net/scope/explainer

View on chromestatus.com