html - 仅选定子项的悬停效果

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 {
/* 你的风格在这里 */
}


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