Change link color on div hover
css
Solution
Add this:
#voltarTEST:hover a{
text-decoration: none;
font-size: x-small;
font-family: Verdana;
text-decoration: none;
color:#FFF;
}
Problem
How do I change my link colors when I hover a div? I tried to use: ``` #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; } ``` But that did not work, this only changes color when I hover over the link.