how to define multiple classes' hover event in css?

Question

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

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

Thanks

Answer 1

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 }