CSS <code>@scope</code>: An Alternative To Naming Conventions And Heavy Abstractions

**CSS @scope: An Alternative To Naming Conventions And Heavy Abstractions**

When learning the principles of basic CSS, one is taught to write modular, reusable, and descriptive styles to ensure maintainability. But when developers become involved with real-world applications, it often feels impossible to add UI features without styles leaking into unintended areas. This issue often snowballs into a self-fulfilling loop; styles that are theoretically scoped to one element or class start showing up where they don’t belong. This forces the developer to create even more specific selectors to override the leaked styles, which then accidentally override global styles, and so on. Rigid class name conventions, such as BEM, are one theoretical solution to this issue...

---

**[devsupporter 해설]**

이 기사는 Smashing Magazine에서 제공하는 최신 개발 동향입니다. 관련 도구나 기술에 대해 더 알아보시려면 원본 링크를 참고하세요.