CSS :has()关系选择器与性能治理

# CSS :has()关系选择器与性能治理 ## 概览 - `:has()` 提供父级或相邻关系选择能力；提升样式表达力但需控制性能。 ## 技术参数（已验证） - 语法：`:has(selector)`；组合与嵌套；在现代浏览器支持良好。 - 性能：关系匹配可能导致回溯与昂贵计算；建议在容器/小范围使用。 - 兼容：旧浏览器不支持；提供类名或 JS 回退；避免关键路径依赖。 - 可维护性：限制嵌套与复杂度；与设计系统协同命名与结构。 - 观测：记录样式评估成本与渲染影响；优化选择器。 ## 实战清单 - 在复杂交互与语义场景使用 `:has()`；控制范围与层级。 - 提供回退与降级策略；在构建层进行兼容检测。 - 维护样式规范与基准；持续优化。