Css中一直被忽视的一个属性

CSS伪类:focus-within，能非常方便处理获取焦点状态。

当元素本身或其后代获得焦点时，:focus-within伪类的元素就会有效。

没看懂，可以看下面的例子：

.container:focus-within {

background-color: #aaa;

}

如果div.container获取到焦点时，就会有一个#aaa背景色。而且如果其后代元素获得焦点时，其背景色也会更改，所以收到焦点时，div的背景色仍是#aaa。

这样，我们就不需要实现这样功能时，总是使用JavaScript，极大方便开发者。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！