懸停一個div，改變<a>元素的顏色此DIV

Question

我想要做的是很容易的，我的代碼如下：

HTML：

<div class="outer"> 
    <a href="">line 1</a> 
    <a>line 2</a> 
</div> 

CSS：

a{ 
    display:block; 
    text-decoration:none; 
} 

.outer:hover{ 
    color:#ff0000; 
} 

問題是，當我添加href=""時，懸停無法工作。如果我刪除了href=""，當我將鼠標指針移動到div時，懸停效果起作用。
Souce是here

有人知道是什麼原因？謝謝！

Answer 1

你只需要改變<a>元素的顏色，當<div>懸停：

.outer:hover a{ 
    color:#ff0000; 
} 

小提琴：Fiddle

Answer 2

您可以使用此。

.outer:hover a{ 
    color:#ff0000; 
}