Scoped styles

Styles that only apply inside one part of the page.

What are scoped styles?

Scoped styles only apply inside one part of the page, so a component's CSS can't leak out and style something else.

@scope (.product-card) {
  img { border-radius: 8px; }   /* only images inside product cards */
}

Level: Freelancer · More CSS terms at this level

Updated September 27, 2026