2012-06-25 14 views
5

¿Cómo cambio los colores de mis enlaces cuando cierro un div?Cambiar el color del enlace en el hover div

He intentado utilizar:

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

Pero eso no funcionó, este color sólo cambia cuando se ciernen sobre el enlace.

+0

¿Cómo se ve su margen de beneficio? –

+1

Nombre de div o plz pegar el html – SVS

+0

Un jsFiddle siempre es útil, muestra directamente lo que tiene actualmente (y es fácil cambiarlo). – Styxxy

Respuesta

23

Añadir este:

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

Gracias, bueno, eso fue un error realmente tonto LOL – Astronaut

1

Utilice la :hover en el div en lugar de la a:

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

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

Usted desea establecer el evento de vuelo estacionario en el div, no el enlace ..

#voltarTEST a:hover debe ser #voltarTEST:hover a

La primera (la forma en que la tenía) indica cuándo el enlace dentro del div voltarTEST está suspendido. El segundo dice aplicar este estilo a los enlaces dentro de voltarTEST cuando está suspendido voltarTEST.

Aquí hay una DEMO

Cuestiones relacionadas