我想做的是，当某个div悬停时，它会影响另一个div的属性
例如，在这个JSFIDLE演示中，当您将鼠标悬停在#cube上时，它会更改背景色，但我想要的是，当我将鼠标悬停在#container上时，#cube会受到影响
div{
轮廓：1px纯红；
}
#容器{
宽度：200px；
高度：30px；
}
#立方体{
宽度：30px；
身高：100%；
背景色：红色；
}
#立方体：悬停{
宽度：30px；
身高：100%；
背景颜色：蓝色；
}<；div id=“容器”>；
<；div id=“cube”>；
</部门>；
</部门>如果多维数据集直接位于容器内：
#容器：悬停>#立方体{背景颜色：黄色；}
如果多维数据集位于容器旁边（容器关闭标记之后）：
#容器：悬停+#立方体{背景色：黄色；}
如果多维数据集位于容器内的某个位置：
#容器：悬停#立方体{背景色：黄色；}
如果多维数据集是容器的同级：
#容器：悬停#立方体{背景色：黄色；}