AI 摘要：本文探讨了在复杂前端界面开发中，传统 CSS 命名规范（如 BEM）以及现代抽象工具（如 Tailwind 或 CSS-in-JS）的局限性。作者重点介绍了现已达成 Baseline 兼容的 CSS @scope 特性。@scope 允许开发者在不牺牲 CSS 级联（Cascade）和继承特性的前提下，实现精确的样式隔离。通过支持“甜甜圈作用域（Donut Scoping）”和引入邻近性（Proximity）原则，@scope 有效解决了样式泄露和特异性（Specificity）战争问题，为构建现代、可维护的 UI 提供了一种更符合原生 Web 标准的替代方案。

Smashing Magazine

CSS @scope: An Alternative To Naming Conventions And Heavy Abstractions — Smashing Magazine

Prescriptive class name conventions are no longer enough to keep CSS maintainable in a world of increasingly complex interfaces. Can the new `@scope` rule finally give developers the confidence to write CSS that can keep up with modern front ends?