Firefox.com 纯原生 CSS 重写上线
推荐指数 43.0 NO. 018 · 2026.09.16
发布2026/09/15Score95Comments40
为什么值得看
Mozilla 与 Lincoln Loop 合作，用零预处理器、纯原生 CSS 重建了 Firefox.com，实现了 2003 年 CSS Zen Garden 提出的内容与样式完全分离的理想。这标志着现代 CSS（变量、容器查询、层叠层等）已足够成熟，足以支撑大型设计系统而无需 Sass/Less 等工具链。
编辑判断
Lincoln Loop 选择这个时间点做这件事很有代表性——CSS 在 2022-2024 年密集补齐了变量、嵌套、层叠层、容器查询等关键能力，但大多数团队的设计系统仍卡在 Sass/PostCSS 的 legacy 工具链里。真正值得关注的不是"能不能做"，而是迁移成本与收益比：Sass 的 mixin 和函数生态仍有不可替代性，完全抛弃预处理器对已有大型设计系统来说未必理性。
对 AI 工程师的启示在于，前端基础设施的"去工具化"趋势正在加速，类似 Tailwind 这类 utility-first 方案的价值主张需要重新评估。如果你在维护组件库或设计系统，建议先审计现有代码中哪些 Sass 特性是真正不可替代的，而非盲目跟进"纯 CSS"叙事。
社区反馈
意见分歧 40 条评论
核心争论：技术成就受认可，但AI文风引发强烈反感，损害传播效果
Author here. Like a lot of people on HN, Dave Shea's CSS Zen Garden is how I learned CSS in the first place. Building stylesheets for that one HTML file taught me to think about CSS as a system, and it stuck. Nearly two decades later I got to build the design system for the new Firefox.com together
Is the code open source? It‘s not part of the protocol design system?
I too was strongly inspired by the ideas that CSS Zen Garden was promoting, even if little to none of the real world work looked or worked like that. Always weird to see what posts really bring out the negativity on HN, but pay that no mind. Some people can't stand others being happy (and some are j