:focus

:focus は、要素がフォーカスを受けた際にスタイルを適用するための擬似クラスです。主にフォームの入力要素やリンクなど、ユーザーの入力や操作が可能な要素に対して使用されます。ユーザーがキーボード操作で入力フィールドやボタンにアクセスした際に、視覚的なフィードバックを提供することができます。:focus の値とその効果...

:focus-within は、ある要素内の子要素がフォーカスを持っている場合に、その親要素にスタイルを適用する擬似クラスです。通常、フォームの入力欄やボタンなどがフォーカスされた際に、そのフォーカスされた要素を囲む親要素に視覚的な変化を加えたい場合に使用されます。:focus-within の値とその効果の一覧 :f...