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的背景。