JSを使用せずにシャドウルートのクラスをターゲットにする方法は?

Question

シャドウ ルートを持つ html 要素があるとします。

リーリー

div をシャドウ ルート内に配置するにはどうすればよいですか?

使ってみた

リーリー

しかし、それは役に立ちません。ここで何が欠けているのでしょうか？

Answer 1

• shadowDOM 内の タグを使用して、shadowDOM のスタイルを設定します

• 関連項目::part: https://developer.mozilla.org/en-US/docs/Web/CSS/::part

• こちらも参照: : ShadowDOM スロットのネストされた子用の :slotted CSS セレクター

リーリー リーリー

Answer 2

誰かの役に立つ場合に備えて、要素を div でラップし、ref を追加して、

に移動しました。

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

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

target.style.whatever = '値';