AI 写 CSS 爱滥用 :has()，宽松选择器可触发整页样式重算
jh3yy · x · 2026-11-07
jh3yy 提醒：写 CSS :has() 规则要收紧范围，避免通配符和过宽的目标选择器。AI agent 特别爱把 :has() 挂在 landmark 元素上，这可能导致看似无关的规则引发大规模样式重算。
配图演示了 Chrome 的失效路径：一个 .category-item 加上 .active 后，Chrome 会从变更元素向上走，凡是 :has() 锚点都被重新检查，共享列表含 的规则会让锚点内所有元素重新着色——demo 里 30 个元素中 29 个因一处变更被重算，而 Firefox/Safari 只会重算 .tab 子树。
所属事件:开发者提醒：AI 生成 CSS 需收紧 :has() 规则(3 条相关)→
「编程与Agent」频道最新
- LangChain 团队：Managed Deep Agents 支持运行中实时转向 — hwchase17 · 2026-11-07
- Dan Vega：每个应用都应该有一个 MCP Server — therealdanvega · 2026-11-07
- Google 研究：13% 编码 agent 会话被遗留 TODO 注释带偏 — rseroter · 2026-11-07
- 开发者重绘住院病历：入院、病程、会诊记录合为一页带版本时间线 — BraydonDymm · 2026-11-07
- Aside 发布 Computer Use:比 Codex 快 2.7 倍,省 65% tokens — ycombinator · 2026-11-07
- AI 编码的回归测试噩梦:改好一处,悄悄弄坏另一处怎么办 — _ACTUALin · 2026-11-07