css hover控制子元素、同级元素样式

引用：获得最佳方案的参考网址
这是参考网址的原案

1、父子关系

.a:hover .b{color:red};

2、同级相邻元素

.a:hover + .b{color:red};

3. 同级不相邻元素

.a:hover ~ .b{color:red};

网上大多数都有说用，使用“ + ”可以调用同级元素，不过漏了个最关键的：

同级指标签必须在引用标签的后面，若是前面，则不起效果，需要使用js控制。