4902 个开发者投票：最受欢迎的新 CSS 特性，恰恰是大家最不敢上线的那个

State of CSS 2026 的结果上周放出来了。4902 名开发者，今年 5 月中到 6 月底填的问卷，有一组数据放在一起看特别扎眼：被投成「今年最喜欢的新 CSS 特性」第一名的是 Anchor Positioning，而被投成「因为浏览器支持问题、我最想用却一直不敢用」第一名，还是它。

同一批人，同一个功能。爱它，也躲它。

先说结论：这不是开发者矫情，而是 2026 年前端最真实的一个结构性矛盾——语言层的能力跑得比浏览器实现快太多，导致「知道它好」和「敢把它放进生产」之间，隔着一整条兼容性地雷带。看懂这组数据，你就能判断自己团队今年该抢哪些特性、该等哪些。

这个调查到底说了什么

State of CSS 是前端圈每年最权威的自填问卷之一（Sacha Greif 团队维护），今年样本 4902 人，覆盖 CSS 生态的方方面面。几个关键结论：

• 最受欢迎的新特性：Anchor Positioning 第一，紧随其后的是 :has()、CSS 嵌套、aspect-ratio、calc-size()。
• 最想用却不敢用的特性（浏览器支持问题）：Anchor Positioning 又是第一；View Transitions API、新的 if() 函数同样上榜。
• 最大的跨领域痛点：互操作性（interoperability）——被列为所有分类里最普遍、最一致的抱怨。
• 最想补齐的缺失能力：原生 mixin、更好的表单控件样式、更强的动画（含从 display:none 过渡）、排版控制、masonry/grid-lanes 布局、控制流原语。

注意一个反直觉的点：:has() 和 CSS 嵌套在 2023 年就已经跨浏览器支持了，但在这份 2026 年的问卷里，很多人仍然把它们当成「新特性」在做采纳决策。也就是说，能力可用的时间，和开发者真正敢用的时间，普遍差着两三年。

另一个数字更值得琢磨：CSS 是今年前端少数几个「没被 AI 攻占」的领域。问卷问「你写的 CSS 里有多少是 AI 生成的」，主流回答仍集中在低比例区间，评论区的高频理由是：AI 目前生成的 CSS 质量还不行。当整个 web 开发都在把代码交给 AI 时，CSS 几乎成了最后一块手工阵地。

为什么最爱和不敢用会是同一个特性

Anchor Positioning 解决的痛点太经典了——tooltip、popover、dropdown、日期选择器要贴着触发元素浮起来，还要在碰到视口边缘时自动翻面。过去这件事的标准答案就是装 Popper.js 或 Floating UI，写一堆 getBoundingClientRect() 和滚动/缩放重算逻辑。

CSS 原生方案一句话概括：给锚点元素 anchor-name: --foo，给浮层 position-anchor: --foo 加 top: anchor(bottom)，再加 position-try-fallbacks: flip-block, flip-inline 处理越界。浏览器自己算位置、自己翻面，没有 JS、没有滚动重算、没有抖动。

那为什么不敢用？因为支持度是「一半的天空」。Chrome 125+ 和 Safari 18.4+ 都上了，Firefox 还在跟进中（128+ 起步、逐步补齐）。对任何一个还要覆盖 Firefox 或旧版 Safari 的产品来说，你没法把它当唯一方案——只能写成渐进增强：现代浏览器走原生动画路径，其余走 @supports 兜底回退到老库。一份代码两套行为，心智成本和回归风险都实实在在。

这就是调查里那个矛盾的本质：开发者投票投的是「我认可它代表的方向」，而躲它躲的是「我现在的兼容性预算扛不住」。两者都是对的。

给你的可落地下一步

如果你在团队里负责前端技术选型，这组数据可以直接翻译成今年剩下的三个月该做什么：

1. 把 Anchor Positioning 列为「渐进增强」而非「基础依赖」。新项目里可以用它替换 Popper 这类定位库，但务必保留 @supports (anchor-name: --a) 的兜底分支，别让它成为 tooltip 唯一的渲染路径。
2. 优先清理已经在 Baseline 里、却还躺在你「不敢用」清单上的特性。:has()、嵌套、aspect-ratio、容器查询、Subgrid 这些早就跨浏览器了——调查说明大家还在犹豫，但如果你还在用 JS 手动补父选择器或等高分网格，今年就是收割它们的窗口。
3. 盯住 Interop 2026。这正是为了把 Anchor Positioning、View Transitions、if() 这些高呼声特性拉齐支持而启动的跨厂商计划。它对「什么时候能真正上生产」的影响，比任何单篇浏览器发布说明都大。用 Baseline 当作采纳门槛，而非用「我觉得稳了」当门槛。
4. 别急着把 CSS 交给 AI，但可以交给它做样板。调查里 CSS 是 AI 渗透最低的领域，理由也成立：布局、响应式、无障碍相关的 CSS 依然高度依赖上下文和判断。务实做法是把重复的 token、基础组件样式交给 AI 起草，把真正的布局与交互决策留在人手里。

一份 4902 人的问卷，最有价值的从来不是「谁排第一」，而是「为什么同一个功能既排第一、又排倒数」。前者告诉你趋势，后者告诉你现实。今年 CSS 圈的答案很清楚：能力已经到位了，卡住大家的从来不是语言，是浏览器和你自己的兼容性预算。