focus-within伪类~

一般像:focus :hover这些伪类除了对自身元素改变样式外，还能够对其他元素改变样式；

1.a:hover>b{ xxx} ;这样对父元素a进行hover  子元素会发生改变；

2.a:hover+b{xxx}；对a元素进行hover ，其紧跟随的兄弟元素发生改变；

3.a：hover~b{xxx}；对a元素进行hover，其同级的所有b兄弟元素发生改变；

注：这些选择器都是针对与后代元素或者后面的兄弟元素（注意是后面）；

一。。如果我们想通过focus-within子元素让父元素样式改变，a:focus-within可以达到效果~

二。。再比如a为父元素，b，c为其下子元素，想通过focus c 使 b发生变化（注意：此时点击C自身也会发生改变）

          a:focus-within > c         =>相当于focus子元素会传导到父元素中去，父元素在focus状态下c改变。