CSS3

疑似クラス

:target-within

  編集:2022.07.13 by T.A.

[Edge]⛌?。→mdn

ターゲットとなった要素のコンテナ。

E:target-within
E 該当させる要素。

:target-within 疑似クラスは、:target 疑似クラスが適用される要素に加えて、[要素のうち、その平坦ツリー内のある子孫(テキスト ノードなどの非要素ノードも含む)が[ :target-within【:target ?】に合致するための条件]に合致するもの]にも適用される。

以下のCSSが組み込んであります:

<A href="#ATest">リンク</A><BR>
<SPAN class=Test>SPAN<SPAN>SPAN<A id=ATest>アンカー</A></SPAN></SPAN>

<A href="#ATestDiv">リンク</A><BR>
<DIV class=Test>DIV<SPAN>SPAN<A id=ATestDiv>アンカー</A></SPAN></DIV>

<A href="#ATestFlex">リンク</A><BR>
<DIV class=Test style="display:Flex;">
 <DIV>DIV</DIV>
 <DIV><A id=ATestFlex>アンカー</A></DIV>
</DIV>


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

ここに表示
¶[Edge]✖?
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: