开发者提醒：AI 生成 CSS 需收紧 :has() 规则

前端开发者 jh3yy 发布提醒称，在 AI 编码 Agent 大量生成 CSS 的时代，要特别注意约束 :has() 规则的写法。AI Agent 常喜欢把 :has() 套在 landmark 等元素上，若使用通配符或过宽的选择器目标，可能触发看似无关联元素的大规模甚至整页样式重算，带来性能问题。多位开发者转发了这一经验，建议收紧选择器范围以避免全局样式重算。

2026-11-07 ~ 2026-11-07 · 3 条相关

• 经验帖：AI Agent 写 CSS 时 :has() 规则要收紧，避免全局样式重算 — jh3yy · 2026-11-07
• AI 写 CSS 爱滥用 :has()，宽松选择器可触发整页样式重算 — jh3yy · 2026-11-07
• AI 写 CSS 提醒:收紧 :has() 规则,避免触发大规模样式重算 — jh3yy · 2026-11-07