CSS Scoping

CSS rules are applied globally. While that is often beneficial, it has its downsides. There are already several approaches that try to limit certain rules to certain components, e.g. CSS Modules or CSS-in-JavaScript. But also the CSS Working Group has some ideas about it.

• [CSSWG] CSS Scoping Module Level 1 (Editor's Draft)
  • Open issues
  • Publish an updated WD

And there is an unofficial proposal to add a simpler version of CSS scoping.

• Scope & Encapsulation
• Scope Proposal & Encapsulation
  • on GitHub
• Proposal for light-dom scoping/namespacing with re-designed @scope rule