因此,我很难采用以下结构:
<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;
}