本文详解在 web components 中向 shadow dom 内部元素（如 #modal）注入 css 样式的方法，涵盖动态创建
在 Web Components 开发中，为 Shadow DOM 内部元素（例如
）添加样式，不能依赖外部全局样式表——因为 Shadow DOM 的样式封装机制会天然隔离外部 CSS。因此，必须将样式显式注入目标元素的 shadowRoot 中。你当前的代码逻辑存在关键路径错误：querySelector(…)?.shadowRoot?.querySelector(“.modal”) 实际获取的是 .modal 元素本身（一个普通 DOM 节点），而非其父级 shadowRoot；而