CSS :focus选择器，匹配获取焦点元素
:focus选择器
CSS伪类选择器:focus可以用于匹配选择HTML文档中获取焦点的元素，一般可用于那些可以接收键盘事件混合用户输入的元素，比如textarea或表单中的input。
:focus选择器使用场景
在当前网页的右上方，点击站内搜索的输入框时，输入框周围会出现一圈蓝色的“光晕”，这便是通过:focus伪类选择器来实现的，下面的实例将来设置这一样式。
:focus选择器实例代码，及在线编辑器
<input type='text' class='e1'><br><br>
<textarea class='e2'></textarea>
<style>
.e1:focus{box-shadow: 1px 1px 10px skyblue;}
.e2:focus{background-color:green;}
/*运行之后，input和textarea需要获取焦点时，背景色才会变化*/
</style>