2026-07-29 · CSS
用 Cascade Layers 整理大型样式表
在设计系统中用可预期的 @layer 顺序取代优先级大战。
前言
当每个组件都想加 !important,设计令牌就失去了意义。文章带你为 reset、令牌、组件与工具类建立图层,再逐个文件把旧样式表迁移进去。
核心心智模型
- 从最小可运行的版本开始,并让它可观测。
- 把你正在承担的取舍写下来,而不只是写下交付了什么功能。
- 团队规模变化时重新审视决策;CSS 里的多数选择都有保质期。
动手起点
- 在实验分支重现问题,放在你信得过的度量指标旁边。
- 一次只改变一个变量,让 diff 小到能用一句话解释清楚。
- 保留成果,丢掉脚手架。
git switch -c experiment/one-thing写在最后
这里没有教条。把它当作一份你有权不同意的检查清单——最好附上你自己的实验结论。