Andaikan saya mempunyai elemen html dengan akar bayang.
<my-element> #shadow-root <div class='need-target-this' /> </my-element>
Bagaimana untuk meletakkan div di dalam akar Shadow?
Saya cuba menggunakan
:host(my-element.need-target-this)
Tetapi itu tidak membantu. Apa yang saya hilang di sini?
Gunakan teg
di dalam shadowDOM untuk menetapkan gaya shadowDOM
Lihat juga ::part: https://developer.mozilla.org/en-US/docs/Web/CSS/::part
Lihat juga: : :pemilih CSS berslot untuk kanak-kanak bersarang dalam slot ShadowDOM
Sekiranya ia membantu seseorang: Saya menggunakan
div
包装了我的元素,添加了ref
dan pergi keconst Shadow = ref.current.querySelector('my-element').shadowRoot
const target = Shadow?.querySelector('.need-target-this')
target.style.whatever = '值';