更改鏈接顏色的div hover

我的問題是，當我將鼠標懸停在我的div上時，它不會將鏈接顏色更改爲我想要的顏色。它只是保持其默認的黑色。更改鏈接顏色的div hover

我該如何做到這一點，當我將鼠標懸停在thumbnail-cointainer div上時，它會改變鏈接的顏色？

<div class="thumbnail-container"> 
    <a href="">Text Here</a> 
</div>

CSS：

a { 
    color: #000000; 
    text-decoration: none; 
} 

a:hover, 
a:focus { 
    color: #005580; 
    text-decoration: underline; 
} 

.thumbnail-container { 
    width: 220px; 
    margin-top: 15px; 
    margin-right: 20px; 
    float: left; 
} 

.thumbnail-container:hover { 
    color: #0088cc; 
}

來源

2013-05-11 John Smith

試.thumbnail容器：鼠標懸停在一個{ 顏色：＃0088cc; } – 2013-05-11 04:29:57

http://stackoverflow.com/questions/11193762/change-link-color-on-div-hover – 2013-05-11 04:34:38

nvm，現在作品:) – 2013-05-11 04:34:44

的問題是選擇特異性。選擇錨點以及：

.thumbnail-container:hover, 
.thumbnail-container:hover a { 
    color: #0088cc; 
}

或取決於你想要什麼，你可以使用inherit。只是補充一點：

.thumbnail-container a { 
    color:inherit; 
}

來源

2013-05-11 04:33:43

不能相信我沒有想到那..感謝一堆。 – 2013-05-11 04:36:05

但是，當您將光標放在容器div的任何位置時，這會更改鏈接的顏色，而這通常不是必需的。如果我將鼠標懸停在縮略圖上，而不是容器div中的任何位置，則需要鏈接變藍。 – 2017-04-09 01:45:07

沒關係，我已經知道了。謝謝，不過。 – 2017-04-09 03:24:04

.thumbnail-container:hover a { 
    color: #0088cc; 
}

來源

2013-05-11 04:33:54

謝謝，這也適用。 :) – 2013-05-11 04:36:37

更改鏈接顏色的div hover

回答

相關問題