Html 将元素悬停在外部类上

当我将鼠标悬停在外部类上时，我试图更改按钮的颜色。这是我做的，但没用

HTML:

---

在您编辑后，我更改了我的全部答案

这里的问题是您应该从

中删除
：hover
。hover\u元素

类：

.hover_element ~  .first_div .second_div .third_div .apply_hover:hover 

工作中的JSFIDLE：

如果希望表的

hover

事件突出显示其下的div，则应执行两项操作：

1.要将

添加到表中（否则，

：hover

事件将不起作用）：

工作中的JSFIDLE：

如果要同时突出显示这两个元素（在

.hover\u元素

的

:hover

事件中），则应添加以下内容：

.hover_element:hover, .hover_element:hover ~ .first_div .second_div .third_div .apply_hover

---

正在使用JSFIDLE：

对不起，我在JSFIDLE中添加了错误的css代码。我不想用另一个类来做这个

.hover_element ~  .first_div .second_div .third_div .apply_hover:hover 

<table class="hover_element">
    <tr>
        <td>Hover me!</td>
    </tr>
</table>

.hover_element:hover ~ .first_div .second_div .third_div .apply_hover

.hover_element:hover, .hover_element:hover ~ .first_div .second_div .third_div .apply_hover