在html中选择多个div

Question

我们如何同时将鼠标悬停在html中的多个div上？

我在html页面中有两个不同位置的div.

我想悬停在任何div和它上面,而另一个div则被选中.

我怎样才能使用优选的css属性来完成它？目前它从父母到孩子而不是反过来,我尝试了所有不同的组合.甚至〜和+属性.

HTML代码:

<div id=one1>
<div id=two2></div>
</div>

CSS:

#one1:hover { background-color: yellow;}
#two2:hover { background-color: yellow;}

Answer 1

你的意思是这个小提琴吗？

#one:hover ~ #two , 
#one:hover ~ #three  
{ background-color: yellow; }

Answer 2

如果您有类似下面的一个结构,所有你要做的就是具体的样式添加到孩子div上.parent:hover:

<div class="parent">
  <div class="child"></div>
  <div class="child"></div>
</div>

CSS

.parent:hover .child{your style goes here}