css3 hover 控制另外的div

CSS3中的:hover伪类可以让我们在鼠标悬停在某个元素上的时候改变它的样式，但是有时候我们也需要用:hover控制其他的元素，这就需要用到CSS3中的兄弟选择器了。

兄弟选择器使用格式为：选择器1 ~ 选择器2，表示选择器1的同级元素中紧跟在它后面的选择器2。下面是一个简单的例子：

    .box:hover ~ .another-box {
            background-color: blue;
    }
    

上面的代码表示当鼠标悬停在类名为box的元素上时，紧跟在它后面的类名为another-box的元素的背景色会变成蓝色。这个:hover和~选择器的组合可以实现很多有趣的效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！