CSS 的伪类选择器和伪元素选择器，让 CSS 有了更为强大的功能。
今天介绍一个神奇的选择器 :focus-within
它表示一个元素获得焦点，或，该元素的后代元素获得焦点。划重点，它或它的后代获得焦点。
这也就意味着，它或它的后代获得焦点，都可以触发:focus-within。
我们无须去给获焦的元素设置 :focus 伪类，而是可以给需要的父元素设置，这样当元素获焦时，我可以一并控制它的父元素的样式
常用的做法是给一个包裹着input框的div添加，这样当input被选中时我们就可以通过:focus-within来高亮它的边框，当然如果能配合上一些不同的选择器能做出更炫酷的效果。
比如:
image
image
