如何在css中定义多个类的悬停事件？

Question

在css中如何定义多个类的悬停事件以使用相同的属性。 这似乎不起作用：

.my_div:hover .my_td:hover {
    border: 1px solid red;
}

由于

Answer 1

你应该用逗号分隔，如下：

.my_div:hover, .my_td:hover {
    border: 1px solid red;
}

Answer 2

在两者之间添加逗号：.my_div:hover, .my_td:hover。

Answer 3

这应该有效

.my_div:hover, .my_td:hover {
        border: 1px solid red;
}

Answer 4

试

.my_div:hover, .my_td:hover {
    border: 1px solid red;
}

Answer 5

您应该以这种方式分离CSS类和事件：

.my_div, .my_td {
  &:hover {
    border: 1px solid red;
  }
}