子元素懸停，影響家長

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/