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 伪类