Cambiar estilo de una fuente cuando pasamos el ratón sobre una capa

[humanista]

Hola tengo una capa que hace las veces de bloque contenedor de texto y enlaces.

la cuestión es q quiero q cuando se pase el ratón por encima de la capa (bloque), cambie de color los enlaces.

lo q cambiar directamente con la propiedad :hover sé hacerlo pero no q se ejecute ese cambio cuando paso el ratón por la capa

[IsaBelM]

esto funciona en todos los navegadores menos en ie

#cont:hover a {
color: #FF0000;
}

así que supongo que tendrás que hacer alguna condicional comentada

[humanista]

sí pero yo quiero que justamente 2 ó 3 elementos (links) del bloque (capa) cambien (de color+se subrayen)...

tal cual me lo pones lo aplica a toda la capa

[Mixvice]

div#(id de tu div) a { css }
div#(id de tu div) a:hover { css }

ejemplo:

div#menu a { color: #FF0000; }
div#menu a:hover { color: #000000; background-color:#FF0000}

[IsaBelM]

solo se aplica a links que hay dentro de una capa con id #cont. en caso que quieras cambiar el color a uno/s links determinados, has de asignale/s una id. así que ahora el contenedor sería

#cont:hover #link1, #cont:hover #link2 {
text-decoration: underline;
color: red;
}

edito: por cierto, en ie si funciona, lo probé en una maquina y no funciona, ahora lo he probado en otra y funciona. cosas que pasan ......

[humanista]

IsaBelM lo he estado probando en todos los navegadores y me va bien menos en IE

[cristian_cena]

cito="sí pero yo quiero que justamente 2 ó 3 elementos ..."

opino que css no está preparado para hacer lo que necesitas sin ser demasiado rebuscados y que al mismo tiempo funcione en ie.

Usas jquery? si lo usas a lo mejor te puedo dar una mano.

Un saludo.

[humanista]

no uso jquery.

el tema es que es un bloque (div) con varios enlaces en gris y quiero que cuando sitúe el cursor sobre el bloque me cambien estos enlaces a azul y subrayado.

me va bien en Chrome, Safari, Ópera y Mozilla pero no en el maldito IE.

[IsaBelM]

como te comenté, a mi no me funciona en una maquina (ie8) pero, en otra (ie8) funciona. prueba así

#hijo:hover a {
color: red;
}


<div id="hijo">
<a href="#">link</a><br />
<a href="#">link</a>
</div>
}