子元素悬停，影响家长

Question

我知道我该怎么做“父母悬停，儿童行动”与

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

，但我想这个可能的话：

.parent < .child:hover{blabla} 

Answer 1

有这样的没有选择还但你可以使用“〜”选择器。 下面是从w3.org

的摘录的一般兄弟组合子由与“波浪线”（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} 

http://jsfiddle.net/h7grfeod/