2012-06-25 129 views
5

當我將鼠標懸停在div上時,如何更改鏈接顏色?更改div hover上的鏈接顏色

我試着使用:

#voltarTEST { 
    width: 80px; 
    height: 62px; 
    padding-top: 16px; 
    background-image: url(../img/multiLangImage/Seta11.png); 
    background-repeat: no-repeat; 
} 
#seguinteBtn { 
    width: 80px; 
    height: 62px; 
    padding-top: 16px; 
    background-image: url(../img/multiLangImage/Seta21.png); 
    background-repeat: no-repeat; 
    text-decoration: none; 
    color: #777; 
} 
#seguinteBtn:hover { 
    background-image: url(../img/multiLangImage/Seta22.png); 
    background-repeat: no-repeat; 
    text-decoration: none; 
    color: #FFF; 
} 
#voltarText { 
/* padding-right: 10px;*/ 
    padding-left: 30px; 
} 
#voltarNEText { 
/* padding-right: 10px;*/ 
    padding-left: 30px; 
} 
#voltarTEST:hover { 
    background-image: url(../img/multiLangImage/Seta12.png); 
    background-repeat: no-repeat; 
} 
#voltarTEST a { 
    text-decoration: none; 
    font-size: x-small; 
    font-family: Verdana; 
    text-decoration: none; 
    color: #999; 
} 
#voltarTEST a:hover { 
    text-decoration: none; 
    font-size: x-small; 
    font-family: Verdana; 
    text-decoration: none; 
    color: #FFF; 
} 
#dataUltimaSincMSG { 
    margin-bottom: 0; 
} 
#estadoSinc { 
    margin-bottom: 0; 
} 

但是,沒有工作,這只是改變顏色,當我將鼠標懸停在鏈接。

+0

你的標記看起來如何? –

+1

div或plz的名稱粘貼html – SVS

+0

jsFiddle總是很方便,它直接顯示你現在有什麼(並且很容易改變它)。 – Styxxy

回答

23

補充一點:

#voltarTEST:hover a{ 
    text-decoration: none; 
    font-size: x-small; 
    font-family: Verdana; 
    text-decoration: none; 
    color:#FFF; 
} 
+0

謝謝,那是一個非常愚蠢的錯誤LOL – Astronaut

1

div而不是a使用:hover

#voltarTEST:hover a{ 
    text-decoration: none; 
    font-size: x-small; 
    font-family: Verdana; 

    text-decoration: none; 
    color:#FFF; 
} 
6

你想設置的股利懸停事件,而不是鏈接..

#voltarTEST a:hover應該是#voltarTEST:hover a

第一個(你有它的方式)說當voltarTEST div內部的鏈接被徘徊時。第二個說,當voltarTEST被徘徊時,將這種樣式應用於voltarTEST內部的鏈接。

這裏是一個DEMO