Hover改变其他元素的使用方法

CSS中的HOVER属性

在不使用JS的情况下用Hover改变其他标签的样式。

1.父子关系

父元素:hover   子元素{

想要的样式

}

2.兄弟关系

兄弟元素1:hover + 兄弟元素2{

修改的是兄弟元素2的样式

}

另外只能改变相邻兄弟元素的样式

 

更复杂的关系似乎无法用HOVER做到修改其他标签样式的功能

至少查阅了多方资料之后没有找到