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

how to define multiple classes' hover event in css?

提问by omega

In css how can I define multiple class' hover events to use the same properties. This doesn't seem to work:

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

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

Thanks

谢谢

回答by mewm

You should separate with a comma, like this:

你应该用逗号分隔，像这样：

.my_div:hover, .my_td:hover {
      border: 1px solid red;
}
.contact-dpd:hover .contact-content, .work-dpd:hover .work-content{
     display:block
}

回答by mash

Add a comma in between: .my_div:hover, .my_td:hover.

中间加一个逗号：.my_div:hover, .my_td:hover.

回答by Ankur

This should work

这应该工作

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

回答by heximal

try

尝试

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

回答by Nicolas Boutin

You should separate CSS classes and events this way :

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

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