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

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

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

Thanks

您应该用逗号分隔，如下所示：

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