Html CSS-连接多个：将鼠标悬停在不同的部分

我需要一些关于

：在多个不同颜色的对象上悬停
的帮助。
当我停留在第一部分时，第二部分也应该改变颜色

HTML

<section class="object1"></section><section class="object2"></section>

感谢阅读：）
当您将鼠标悬停在
.object1
上时，可以使用CSS的选择器将更改应用于
.object2
，但不能反向操作：

.object1:悬停，
.object1:悬停+.object2{
背景色：#FF0；
}


演示

.object1{
背景色：#F00；
宽度：100px；
高度：50px；
}
.反对意见2{
背景色：#00F；
宽度：100px；
高度：50px；
}
.object1:悬停，
.object1:悬停+.object2{
背景色：#FF0；
}
.2：悬停{
背景色：#000；
}
第1节
第2节
那么，有什么问题吗？是的，我忘了提了，我已经编辑了post:D（sry）如果元素的布局是战略性的，那么
~

可能会起作用。@abhitalks基于这个问题，就没有必要使用

~

。谢谢我会试试这个人你很棒，但是有3个对象可以吗？使用相同的方法？@user2382619将鼠标悬停在

.object1

上时，是否希望同时悬停在

.object2

和

.object3

上？如果是这样，您可以使用

section:hover~section

。

.object1 {
background-color:#F00;
width:100px;
height:50px;
}


.object2 {
background-color:#00F;
width:100px;
height:50px;
}

.object1:hover{
    background-color:#FF0;
    }

.object2:hover {
    background-color:#000;

}