懸停效果只能選擇孩子的

Question

我知道，當我想懸停效果應用到裏面所有div好，我可以使用此代碼：

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

但現在我想將懸停效果只應用於我希望在這個洞內的div。我如何指定它們？我想是這樣的：

.well:hover div1,div2,div9 {}

但似乎不正確的。怎麼做？

Answer 1

當使用逗號，每一項都是一個單獨的選擇：

所以，你應該這樣做像這樣： .well:hover div1, .well:hover div2, .well:hover div9 { /* your styles here */ }

除非您使用預處理器，否則不能縮短。

Answer 2

也許我不是讀這個權利，但你只是想用.well div:hover作爲你的css選擇器來將單個懸停效果應用到這些div。

Answer 3

一類添加到div的井內要影響，然後添加到CSS：

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