Html Div：悬停并覆盖指定给同一Div的另一个类样式

我刚刚遇到了一个问题，我无法找到如何覆盖另一个类的样式，即悬停在同一分区的另一个类上的背景色。我的示例：

<div class="shapeClass bgTransparentGrey"></div>
<div class="shapeClass bgTransparentGrey"></div>
<div class="shapeClass bgTransparentGrey"></div>

类shapeClass定义形状，类bgpransparentgrey定义bg颜色。在shapeClass:hover上，我想更改bgpransparentgrey类的样式，但只更改悬停元素的样式

最好的

---

Tassilo

不能使用Javascript动态编辑类的属性。您需要编写一个额外的类，该类将覆盖其他样式

$（'.container styles'）。悬停（函数（）{
$（this.addClass（'overwrite-styles'）；
}，函数（）{
$（this.removeClass（'overwrite-styles'）；
})

。容器样式{
背景色：红色；
高度：100px；
}
.覆盖样式{
高度：200px；
}

---

您可以使用此选择器，它只会影响同时具有两个类的元素：

.boxElement.bgTransparentGrey { ... }

如果将其放置在样式表中单个类的规则之下/之后，则其中的设置将覆盖以前的设置

---

（注意：两个类之间没有空格，因此仅当两个类都分配给同一个元素时才适用）

您的问题没有任何意义。类没有值。您是否在询问如何从类ToBeedIteDonHover中删除div并将其添加到另一个？你需要JavaScript来实现这一点。可能是用错了词。我试图改变，例如，当用纯css悬停“classToDetectHover”时，背景颜色为“classToBeEditedOnHover”。两个类都附加到同一个元素，这仍然没有意义。您将鼠标悬停在一个元素上，而不是一个类上。嗯？我的意思是.classToDetectHover:hover.classToBeEditedOnHover{您是否真的想说，当这个类为

classToDetectHover

的特定div元素被悬停时，您希望整个文档中所有类为

classToBeEditedOnHover

的元素都更改其背景色？使用CSS通常不可能做到这一点（对于DOM结构中正确位置的元素来说，这是有限的），你需要JS。嘿，Blake，我想你误解了我。我在我的初始问题中添加了更多信息：）