Scoped Style

Definitions

1. CSS rules that are automatically confined to a specific component or DOM subtree so they cannot leak out and accidentally style other parts of the page, achieved through techniques like Shadow DOM, CSS Modules, or framework-generated unique class selectors.

   In plain English: Styling rules that only apply to one component and can't accidentally change how other parts of the page look.

   Example: "Scoped styles saved us — the new card component's `.title` class doesn't clobber the global `.title` anymore."

Related Terms

• Responsive Design
• Grid
• Selector
• Slot
• CSS Custom Properties
• CSS Grid
• Flexbox
• Keyframe
• Pseudo Element
• Sass
• SCSS
• Tailwind
• Tailwind CSS
• Client Component
• Component Communication
• Component Registry
• Component State