:focus-within
它表示一个元素获得焦点,或,该元素的后代元素获得焦点。划重点,它或它的后代获得焦点,这也就意味着,它或它的后代获得焦点,都可以触发 :focus-within。
可以用:focus-within写按钮的点击边线效果:
代码:
.label:focus-within {
outline: 3px solid rgba(0, 141, 255, 0.06);
}
即可写出点击扩大边框效果
标签:within,伪类,焦点,后代,focus,选择器 From: https://www.cnblogs.com/Simoon/p/17140137.html