divのホバーでリンクの色を変更する

Question

divにカーソルを置いたときにリンクの色を変更するにはどうすればよいですか？私は、リンクにカーソルを合わせると、この変更だけの色を

#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; 
} 

しかし、それは動作しませんでした：

は、私が使用しようとしました。

Answer 1

これを追加します。

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

Answer 2

はaの代わりにdivに:hoverを使用します。

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

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

Answer 3

あなたはdiv要素ではなく、リンク上でホバーイベントを設定したい。..

#voltarTEST a:hoverは、#voltarTEST:hover a

voltarTEST div内のリンクがオンになっているときの最初の方法（あなたが持っていた方法） 2番目は、voltarTESTがホバートされているときに、voltarTESTのリンクにこのスタイルを適用します。

ここをクリックしてDEMO