CSS3

：

疑似クラス

：

:host-context()

　 編集：2022.07.09 by T.A.

→●、mdn

light ツリーの中への選択。

E:host-context(<compound-selector>)
E 該当させる要素。
<compound-selector> 合体選択子。

関数形の疑似クラス :host-context() は、shadow ツリーの外側に［ある特定の選択子に合致するような先祖］があるかどうかテストする。

:host-context() 疑似クラスは、shadow ツリーの文脈下では、［当の shadow ツリーをホストしている shadow ホスト、または その shadow も含む先祖］のうち［通常の文脈下で引数の選択子（合体選択子）に合致する］ものに合致するように評価される。他の文脈下では、何にも合致しない。

:host-context() の詳細度は、疑似クラスのそれに引数の詳細度を足したものになる。

注記： これは、当の選択子は、［文書の根に到達するか、引数に合致する要素が見つかる］まで、shadow 境界を貫くように遡ることを意味する。

テスト
別画面に表示させて。
HTML：

ここに表示
¶[Edge]✖？
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：