Question

我知道我怎样才能做出父母悬停，儿童行动＆＃34;与

.parent:hover > .child{background:#a4d186;}

但如果可能，我想要这个：

.parent < .child:hover{blabla}

Answer 1

还没有那样的选择器，但你可以使用＆＃34;〜＆＃34;选择。这是w3.org

的摘录

一般兄弟组合器由＆＃34; tilde＆＃34; （U + 007E，〜）分隔两个简单选择器序列的字符。该由两个序列表示的元素共享相同的父元素文档树和第一个序列表示的元素先于（不一定是立即）由...表示的元素第二个。

所以你可以这样做：

HTML：

<div class="parent-like-div">Do Something</div>
<div class="to-be-controlled">Control me</div>

CSS：

.parent-like-div:hover ~ .to-be-controlled
{your code apply on .to-be-controlled when you hover .parent-like-div}