html - cssで複数のクラスのホバーイベントを定義する方法は?

Question

css で、複数のクラスのホバーイベントを定義して同じプロパティを使用するにはどうすればよいですか。これはうまくいかないようです：

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

ありがとう

score 58 · Accepted Answer

次のようにコンマで区切る必要があります。

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

score 9 · Accepted Answer

9

の間にコンマを追加します: .my_div:hover, .my_td:hover.

于 2012-08-26T18:46:21.393 に答える

score 8 · Accepted Answer

これはうまくいくはずです

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

score 6 · Accepted Answer

6

試す

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

于 2012-08-26T18:46:41.220 に答える

score -2 · Accepted Answer

CSS クラスとイベントを次のように分離する必要があります。

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

6 に答える 6