CSS3

疑似クラス

:focus-within

→●、mdn

フォーカスを受けたコンテナ。

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

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

.Test:focus-within{
  box-shadow:#faa 5px 5px;
}

<SPAN class=Test>テスト</SPAN><BR>
<A class=Test href="#A">テスト</A><BR>
<SPAN class=Test>開始<A href="#A">テスト</A>終了</SPAN><BR>
<BUTTON class=Test>テスト</BUTTON><BR>
<INPUT class=Test><BR>

関連

:focus、:focus-visible。

テスト