仅对选定的孩子的悬停效果

时间:2016-08-26 18:02:19

标签: html css html5 css3

我知道当我想将悬停效果应用于井内的所有div时,我可以使用此代码:



.well:hover div {
  background-color:green
}




但是现在我想将悬停效果仅应用于我希望在这个内部的div。我该如何指定它们?我试过这样的事情:

.well:hover div1,div2,div9 {}

但这似乎不对。怎么做?

3 个答案:

答案 0 :(得分:1)

使用逗号时,每个条目都是一个单独的选择器:

所以你应该这样做: .well:hover div1, .well:hover div2, .well:hover div9 { /* your styles here */ }

除非您使用预处理器,否则无法缩短。

答案 1 :(得分:0)

也许我没有正确阅读,但您只想使用.well div:hover作为css选择器将个别悬停效果应用于这些div。

答案 2 :(得分:0)

将类添加到要影响的孔内的div,然后添加到css:

.well .my-hover-class:hover {
    /// do something
}