@scope | CSS At-Rules

Limits a group of rules to a subtree. Selectors inside the block only match descendants of the scoped root, so short class names stay local.

Quick example

@scope (.card) {
  .title {
    font-size: 1.25rem;
  }
  .body {
    color: #444;
  }
}

Newly availableSince 202686% global usage

Since 2026 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Works in all modern browsers. May need a fallback for older browsers.

143+

146+

26.4+

143+