如何在没有 JS 的情况下将影子根中的目标定位到类？

Question

假设我有带有影子根的 html 元素。

<my-element>
#shadow-root
<div class='need-target-this' />
</my-element>

如何将 div 定位到 Shadow root 内？

我尝试过使用

:host(my-element.need-target-this)

但这并没有帮助。我在这里缺少什么？

Answer 1

• 在shadowDOM内使用 `; } connectedCallback(){ this.shadowRoot.querySelector("span").innerHTML = `Web Component!`; } });

  
  
  Hello
  
  

Answer 2

万一它会对某人有所帮助：我用 div 包装了我的元素，添加了 ref 然后去了

const Shadow = ref.current.querySelector('my-element').shadowRoot

const target = Shadow?.querySelector('.need-target-this')

target.style.whatever = '值';