Comment cibler une classe en racine fantôme sans JS ?

Question

Supposons que j'ai un élément HTML avec une racine fantôme.

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

Comment positionner div dans la racine Shadow ?

J'ai essayé d'utiliser

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

Mais ça n’aide pas. Qu'est-ce que j'oublie ici?

Answer 1

• Utilisez la balise `; } connectedCallback(){ this.shadowRoot.querySelector("span").innerHTML = `Web Component!`; } });

  
  
  Hello
  
  

Answer 2

Au cas où cela aiderait quelqu'un : j'ai utilisé div 包装了我的元素，添加了 ref et je suis allé à

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

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

target.style.whatever = '值';