这些选择器都是针对与后代元素或者后面的兄弟元素（注意是后面）.软件开发颜值很重要，有专业的职位UI。所以前端是越来越重要，我们时常在前端的交互需求上，需要自身元素改变样式外，还需要改变其他元素改变。一般像:focus :hover 这些伪类除了对自身元素改变样式外，还能够对其他元素改变样式；一般像:focus :hover 这些伪类除了对自身元素改变样式外，还能够对其他元素改变样式；
第一，如果我们想通过focus-within子元素让父元素样式改变，a:focus-within可以达到效果
第二、再比如a为父元素，b，c为其下子元素，想通过focus c 使 b发生变化（注意：此时点击C自身也会发生改变）
a:focus-within > c =>相当于focus子元素会传导到父元素中去，父元素在focus状态下c改变。
题外笔记:
1.a:hover+b{xxx}；对a元素进行hover ，其紧跟随的兄弟元素发生改变；
2.a：hover~b{xxx}；对a元素进行hover，其同级的所有b兄弟元素发生改变；
注：这些选择器都是针对与后代元素或者后面的兄弟元素（注意是后面）；