CSS - 鏈接：懸停顏色繼承問題

Question

我真的很困惑這裏發生了什麼。我想知道爲什麼當光標在按鈕內而不是直接在鏈接上時鏈接是白色的？當光標在按鈕邊界內時，我希望它是紅色的。
我認爲這是因爲在那一點上，頁面是從聲明的.links繼承的：一個顏色值，但我想知道如何讓它覆蓋那個？ 。鏈接：懸停似乎並沒有將繼承權轉讓給.links a：hover（？）
任何幫助將不勝感激！

.links a{ 
    color:white; 
    text-decoration:none; 
} 
.links:hover{ 
    background-color:white; 
    color:red; 
} 

.links a:hover{ 
    background-color:white; 
    color:red; 
} 

https://jsfiddle.net/3dujymLk/1/

Answer 1

你的規則工作正是你寫了他們的方式。如果您希望a文字在整個div上懸停時呈紅色，則需要一條規則。添加像這樣：

.links:hover a { 
    color: red; 
} 

如果它不明顯，這將控制懸停在div上的鏈接的文本顏色。