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?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Utilisez la balise
à l'intérieur de shadowDOM pour définir le style de shadowDOMVoir aussi ::part : https://developer.mozilla.org/en-US/docs/Web/CSS/::part
Voir aussi : : :sélecteur CSS à emplacements pour les enfants imbriqués dans les emplacements ShadowDOM
customElements.define("my-element",class extends HTMLElement{ constructor(){ super().attachShadow({mode:"open"}).innerHTML = `Au cas où cela aiderait quelqu'un : j'ai utilisé
div包装了我的元素，添加了refet je suis allé àconst Shadow = ref.current.querySelector('my-element').shadowRootconst target = Shadow?.querySelector('.need-target-this')target.style.whatever = '值';