CSS :focus-within 伪类

定義と使用方法

CSS :focus-within このパシオは、その要素またはその子孫要素がフォーカスを取得した場合に要素を一致させるために使用されます。

例

フォーム内のフィールドがフォーカスを取得した場合、フォームのスタイルを選択および設定します：

form:focus-within {
  border: 2px solid black;
  background-color: beige;
  color: black;
}

実際に試してみてください

CSS 语法

:focus-within {
  css declarations;
}

技術的詳細

バージョン： CSS4

ブラウザのサポート

テーブルの数字は、そのパシオの完全なサポートを開始する最初のブラウザバージョンを指定しています。

Chrome Edge Firefox Safari Opera
60 79 52 10.1 47

相关页面

教程：CSS 伪类

参考：CSS :focus 修飾子