focus-within

css伪类 :focus-within

可以非常方便处理获取焦点状态。

<div class="container">   <label for="text">请输入你的名字</label>   <input type="text" /> </div>

.container:focus-within {   background-color: #fff; }

当div.container 获取到焦点时会有#fff的背景，同理div.container下面的其它元素获取到焦点时，它依然还有#fff的背景。