html - CSSを使用してスクロール可能なメニューでフォーカスを取得すると、メニュー項目全体が表示されます

Question

これが私の例です。

フォーカスされたメニュー項目は、部分的ではなく全体的に表示される必要があります。JavaScript のハンドラーを介してメニュー コンテナーと連携できることはわかっていますonfocusが、純粋な CSS ソリューションがあるかどうか疑問に思っています。

編集: 今のところ、先に進むにはJavaScriptに頼る必要がありましたが、CSS に関する質問であるため、意図的に未回答のままにしています。

Answer 1

最も簡単な答えは、アイテムにコンテナーの半分の幅または最小幅を与えることです。これにより、すべてのブラウザが自動的に処理するようになります。

前の兄弟または親要素を選択できずに、他の方法で（純粋なcssを使用して）可能かどうかさえわかりません。