CSS 的未来：Interop 2027 里最值得期待的十个特性 — Hacker News 中文摘要
来源：joshwcomeau.com — 547 分
📋 概述
各大浏览器厂商通过 Interop 项目同步新特性，今年轮到规划 2027。Mozilla 做了一个排序系统让大家投票，Josh Comeau 列出他投的十个：corner-shape 做倒角与 squircle、border-shape、锚定容器查询、CSS inherit() 函数、滚动触发动画、reading-flow/reading-order、gap decorations、滚动状态容器查询等。他也回应了“都交给 LLM 了还要不要学 CSS”的疑问。
🔑 核心要点
- Interop 一旦纳入某个方向，通常一年内就能在全浏览器接近 100% 支持，Subgrid 是范例。
- corner-shape 能做真正的倒角与 squircle，不再靠 border-radius 硬凑。
- CSS inherit() 函数让元素能直接引用父级计算值，例如 border-radius: calc(inherit() - 4px)。
- reading-flow 与 reading-order 修正网格布局下的键盘与朗读顺序。
- 作者认为 agent 时代更要懂现代 CSS，因为模型训练数据里的写法往往是几年前的老套路。
💡 金句
We can't expect LLMs to use modern CSS features when so much of their training data is years old.
👍 0
👎 0
← 返回 Hacker News 首页