2016-08-16 128 views
-2

我想做一個div作爲鏈接,並告訴用戶,這是一個鏈接,我想做一個不同顏色的懸停。但是這裏有一個問題:在我的div裏有兩個獨立的div的圖片和文字。Div與CSS懸停

div { 
    :hover { 
    background-color: light cyan; 
} 

當我用鼠標懸停在一個div的結果是: enter image description here

enter image description here

但我需要的所有的div變成彩色。你可以幫我嗎?

+0

你試過這個'div:hover {background-color:light cyan;}'? – jonju

+0

更多的代碼示例會很棒。我建議你做這樣的事情:https://jsfiddle.net/cw2gb642/ –

+3

完全有效的包裝圖像和文字實際鏈接''標籤。你爲什麼不這樣做? – Aziz

回答

1

您可以在一個DIV插入您既div標籤,並設置一個類一些CSS

.exampleclass:hover { background-color: light cyan; }

和使用,以及你想要的。 否則如果你想要更多的東西給我。 然後請提供html和css兩種代碼來進行更改併爲您更好。 :)

0

這真的很容易,可能是一些sass的包,但是當我做了div:hover{backgroun‌​d-color: light cyan;}它真的解決了這個問題。

謝謝你,jonju。

+0

如果您堅持使用div,您可能還想添加'cursor:pointer'。 – Aziz