Why Doesn't CSS Have Scope?
summary
Argues that CSS already scopes (selectors and the lone global asterisk), demonstrates alternatives like styled-components createGlobalStyle, iframes, declarative Shadow DOM and the defunct scoped/@scope drafts, and builds a tiny tool CSS scopulation Enterprise Max AI (0.5 KB) that replaces a root character with a data attribute to scope CSS — it mostly works but still needs JavaScript for resizing and cannot stop inheritance; even cites Entombed’s To Ride, Shoot Straight, and Speak The Truth as a framing example.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 3:54CSS origin and scoping
- 7:23Global selectors by default
- 10:36CSS consistency issues
- 13:00Global namespace debate
- 17:56CSS scoping tools and limits
- 22:49Encapsulating CSS without JS
- 27:03Inheritance and CSS limits
- 30:58Iframes for encapsulation
- 32:41CSS mistakes and politics
- 35:29Web fundamentals and new CSS
- 37:37Future projects and closing
- 42:10Q&A: Designers and CSS
- 44:57Q&A: Miscellaneous
