Change link color on div hover

Question

How do I change my link colors when I hover a div?

I tried to use:

#voltarTEST {
    width: 80px;
    height: 62px;
    padding-top: 16px;
    backgr         


        

Answer 1

Add this:

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

Answer 2

Use the :hover on the div instead of the a :

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

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

Answer 3

You want to set the hover event on the div, not the link..

#voltarTEST a:hover should be #voltarTEST:hover a

The first (the way you had it) says when the link inside of the voltarTEST div is hovered on. The second says apply this style to links inside voltarTEST when voltarTEST is hovered on.

Here's a DEMO