css 元素focus时子标签样式改动
时间: 2023-09-02 15:12:21 浏览: 119
可以使用CSS中的:focus-within伪类选择器来实现元素focus时子标签样式改动。例如,假设你有一个包含input和label标签的form元素,你可以使用以下代码来实现input标签focus时label标签的样式改变:
```
form:focus-within label {
color: red;
}
```
这将使得当用户在form元素内点击input标签时,对应的label标签的颜色会变成红色。注意,:focus-within伪类选择器是CSS3中新增的选择器,在一些旧浏览器中可能不被支持。
阅读全文