Html 应用：将鼠标悬停到所有相等的类

我有多个div具有相同的类“color hover”，我希望当一个div悬停时，所有div的颜色都会改变

我已经编写了以下代码，但只更改了悬停的颜色：

.color-hover {
 color: red;
}

.color-hover:hover {
 color: blue
}

也试过

.color-hover {
 color: red;
}

.color-hover:hover .color-hover {
 color: blue
}

---

想法？

一种解决方法是将

：悬停在父对象上，而不是
。颜色悬停本身

但是所有的
.color hover
都需要在同一个容器中，并且在悬停父对象的空白区域时会触发

修理
正如04FS所提到的，可以通过向父级添加
指针事件：none
并在其子级中将其还原来修复此问题


.container{
指针事件：无；
}
.颜色悬停{
颜色：红色；
指针事件：全部；
}
.container:hover>.color hover{
颜色：蓝色；
}

同侧阴唇
同侧阴唇
同侧阴唇
同侧阴唇
同侧阴唇
同侧阴唇
同侧阴唇
使用CSS无法做到这一点。您需要Javascript.FYI：“它在悬停父对象的空白区域时也会触发。”–这可以通过为父对象应用
visibility:hidden
或
pointer events:none
来解决，然后为子对象再次反转它。@04FS我甚至不知道您可以这样做，谢谢您指出。编辑了答案。