从兄弟姐妹孩子到兄弟姐妹孩子的悬停效果

时间:2018-08-10 08:58:40

标签: css html5

因此,我很难采用以下结构:

<div id="1">
  <div class="one-child">
    <div class="one-childest"></div>
  </div>
</div>
<div id="2">
 <div class="two-child">
   <div class="two-childest></div>
 </div>
</div>

将鼠标悬停在one-childest上时,我想更改two-childest的颜色,但似乎很难。所以我想主要的问题是,使用纯CSS是否可能?或者我是否必须使用jQuery?

这是我目前正在尝试使用的CSS:

#1.one-child.one-childest:hover ~ #2.two-child.two-childest{
   background-color:black;
}

0 个答案:

没有答案