css - 2 つのシャドウ DOM 内の要素にアクセスする方法

Question

次の Web コンポーネント ツリーを使用しています。

<x-typography>
  :shadow-root
    <x-select>
      :shadow-root
        <div class="select-container>
        </div>
    </x-select>
</x-typography>

そして、background-coloronをオーバーライドする必要がありますselect-container。<x-select>コードにはアクセスできません<x-typography>。

私は方法:hostと::slotted動作を知っています、私は試しました:

:host(x-typography):host(x-select) .select-container
:host(x-typography):host(x-select) .select-container
:host(x-typography :host(x-select)) .select-container

しかし、どれも機能しません。