:has()セレクタの使い方

✅ 回答

:has()は「特定の子要素を持つ親」を選択できます。例えばform:has(input:invalid)で、無効な入力がある場合のフォームにスタイルを当てられます。JavaScriptなしで状態に応じたスタイリングが可能になります。