我知道当我想将悬停效果应用于井内的所有div时,我可以使用此代码:
.well:hover div {
background-color:green
}

但是现在我想将悬停效果仅应用于我希望在这个内部的div。我该如何指定它们?我试过这样的事情:
.well:hover div1,div2,div9 {}
但这似乎不对。怎么做?
答案 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
}