選擇輸入另一個元素懸停

Question

努力理解爲什麼這個選擇

.date input:hover .input-group-addon i{ 
color:blue; 
} 

，當我將鼠標懸停在它不會改變我旁邊的形式輸入圖標的顏色，它如果我選擇它的父的作品，但不是如果我選擇表單輸入。

.date:hover .input-group-addon i{ 
color:blue; 
} 

忘了添加fiddle

Answer 1

CSS選擇器是hierarhical所以你正在尋找
我，。輸入性基團的插件，輸入孩子的孩子：懸停的孩子日期。

查找鄰居CSS選擇

Answer 2

您可以更改選擇器 -

.date.input-group:hover .input-group-addon i{ 
    color:blue; 
} 

更新小提琴 - http://jsfiddle.net/afelixj/5m26w5ad/1/