如何选择不嵌套的类？CSS

Question

例:

<div class="one">
</div>
<div class="two">
</div>

假设我想要改变.two当我:hover结束时的背景颜色.one,是否可以进行这种选择？

Answer 1

假设当我将鼠标悬停在.one上时,我想改变.two的背景颜色,是否可以进行这种选择？

是的,一种选择是使用

.one:hover + .two {
background: olive; /*  + will select an immediate sibling */
}

只有当.two与.one相邻时,这才有效,那么如果它们彼此不相邻呢？

.one:hover ~ .two {
background: olive; 
}