前端新特性太碎？这份 CSS 周报值不值得追

陈者羽 · 2026 年3 月 24 日 04:08

结论：如果你正在追 CSS 新特性、又没时间天天刷规范，这个栏目值得花 10 分钟试试。

这不是“装了就用”的工具，而是前端新特性雷达

学友先别误会，What’s !important #7 不是一个独立软件，也不是 npm 包，它本质上是 CSS-Tricks 的一期精选栏目（2026 年 3 月 16 日发布）。主编把最近值得关注的 CSS 能力和 demo 串成一条线，比如 random()、折角 clip-path、锚点容器查询、可定制 select、滚动触发动画。它背后是 CSS-Tricks（DigitalOcean 旗下）团队在做内容策展，免费阅读，网页和邮件都能跟。严格说它不属于“开源项目”，但引用的很多 demo、规范讨论和实验链接都可直接二次验证。

我的上手路径：先当情报源，再挑能落地的点

我这次不是“看完就关”，而是按实战流程走了一遍。打开文章后第一件事，是把里面提到的能力按“能不能这周上生产”分三档：马上可用、可灰度、纯观察。random() 这类看着很炫的东西，我先拿去做视觉噪声背景，结果发现跨浏览器一致性和可控性还得多测，不适合直接扔到核心交互区。

导入设计系统任务时，我原本觉得“可定制 select”挺鸡肋，因为不少团队早就被各种第三方下拉组件绑住了。结果真试下来，它的价值恰恰在“减依赖”：一些简单筛选场景可以从 JS 重组件退回原生语义，样式又比以前可控，维护成本明显下降。

锚点容器查询我一开始也当新闻看，后来拿它去复现一个气泡提示定位需求，体感是：思路更自然了，不用满屏写定位补丁。但坑也很直接，浏览器支持和语法细节如果没提前摸清，做一半就会卡住。

最真实的感受是：这期内容不是给你“抄作业”，而是给你“筛方向”。10 分钟能知道哪些 CSS 点值得投入，省掉你两小时碎片化刷帖时间。

优缺点：信息密度高，学习门槛也不低

优点

选题命中“快要进入实战”的新能力，不是只讲概念。像 select 定制、滚动触发动画这类，读完就能想到业务落点。
一篇里覆盖多个方向，前端、设计系统、动效同学都能各取所需。对小团队尤其友好，省了自己做技术雷达的时间。
CSS-Tricks 的编辑口径偏工程实用，不太会写成“规范原文搬运”。你可以快速判断要不要继续深挖。
作为周更节奏的信息源很合适。每期固定扫一遍，比在社媒里追零散帖稳定很多。

缺点

这是“合集入口”，不是“保姆教程”。每个点讲得不深，真正落地还是得你自己点进去补规范和 demo 细节。
文章默认读者有一定 CSS 基础。新手学友直接看，容易出现“每个词都认识，连起来不会用”的挫败感。
多数内容带有实验属性，和生产环境之间有距离。要是你团队对兼容性要求高，不能看完就上。
作为资讯型内容，它不给完整迁移策略。比如你从旧组件迁到原生方案，还是得自己补测试矩阵和回退方案。

和 Frontend Focus、MDN Blog 比，它更像“实验场快报”

维度	What’s !important 7（CSS-Tricks）	Frontend Focus	MDN Blog
价格	免费	免费	免费
核心形态	编辑精选 + 技术风向	新闻聚合 + 多前端话题	官方文档生态更新
CSS 新特性密度	高，且偏“可试验”	中，技术面更分散	中高，但偏规范/平台视角
上手门槛	中高，需要自己做二次验证	中，适合泛前端浏览	中，术语更官方
对业务改造帮助	强在“筛选方向”	强在“广度补全”	强在“权威依据”

如果你问我替代关系，我会这么说：它不像 MDN 那样权威完备，也不像 Frontend Focus 那样覆盖面大；它最有价值的地方，是把“值得现在试的 CSS 点”先替你筛一遍。

哪些学友该马上看，哪些可以先跳过

你如果是前端工程师、设计系统维护者、或者经常要做中后台交互体验升级，这类栏目很适合做每周固定输入。尤其是你在团队里承担“技术选型雷达”角色，它能帮你快速给出“可试/暂缓”的判断。

但如果你当前阶段主要是补 HTML/CSS 基础、还在熟悉布局和响应式，先别把精力放在这类前沿合集上。先把基本功打稳，再回头看这些新能力，吸收效率会高很多。