has 选择器与状态驱动样式治理（2025）
has 选择器与状态驱动样式治理（2025）一、能力与场景:has()：根据后代/邻接元素状态选择父/兄弟元素（状态选择器）。场景：表单校验、导航选中、卡片悬浮联动（交互）。二、级联与结构级联：减少 JS 切换类名的需求；用选择器表达关系（级联）。结构：合理组织 DOM；避免过深层级造成复杂选择。三
样式
CSS Popover API 与 Anchor Positioning 实践 无样式弹层与定位治理
结合原生 Popover API 与 CSS Anchor Positioning 构建轻量弹层与精准定位方案，减少额外 JS 与样式复杂度，提升交互稳定性与可访问性。
CSS @scope 作用域选择器与样式隔离实践
使用 CSS @scope 为局部 DOM 片段定义样式作用域，构建更稳健的组件边界与覆盖关系，并提供不支持环境的回退策略。
CSS @scope 局部样式隔离与级联治理实践
使用 CSS @scope 在组件范围内限定选择器与级联影响，与 @layer 协同实现样式的局部隔离与可维护性提升，减少全局污染与覆盖冲突。
CSS Nesting 原生嵌套选择器与可维护样式组织实践
使用原生 CSS Nesting 组织组件样式，正确运用 `&` 嵌套选择器与嵌套 at-规则，提升可维护性并验证跨浏览器支持与差异。
HTML Popover API：无样式弹出层与交互实践
使用原生 Popover API 实现轻量弹出层，涵盖 auto/manual 模式、触发器绑定与可访问性注意事项。
React 19 样式表依赖与加载策略
引言React 19 引入“样式表作为依赖”，实现样式与组件绑定，便于局部推理与按需加载；样式库与打包器可集成此能力提升加载效率。核心说明（已验证）局部绑定与按需：将样式表与依赖项组件放在一起，确保只加载实际依赖的样式，提升局部推理与加载效率。来源：React v19 稳定版说明。打包器与样式库集成
CSS Shadow Parts：part 与 slotted 样式出口
"说明 Shadow DOM 的样式出口：`::part(name)` 与 `::slotted(selector)` 的作用与差异，如何在不破坏封装的前提下对内部元素进行主题化与样式覆盖，提供示例与兼容建议。"
CSS @layer 样式层级与冲突治理实践
使用 CSS @layer 构建明确的级联层次，将 reset/base/components/utilities 分层治理，降低选择器冲突与覆盖成本，提升样式可维护性与一致性。
Rspack CssChunkingPlugin 深入与样式分块策略
引言在 1.4 中，Rspack 引入 CssChunkingPlugin 以优化样式产物组织；配合持久化缓存与更快 SWC，可显著提升构建与加载表现。能力与策略（已验证）插件能力：更合理地将样式拆分到独立 chunk，减少不必要的全局样式加载与重复。来源：Rspack 官方博客总览。与缓存命中：通
