Link no CSS

[MTavares]

Olá colegas.

O CSS não é o meu forte, por isso venho aqui buscar uma ajuda dos colegas.Tenho uma div do qual ao passar o mouse, ele muda a cor de fundo. Vejam:

#fundo-texto {color: #000; }
#fundo-texto:hover {background-color:#000; color: #FFF; cursor: copy }

Até aqui tudo certo! Porém dentro dessa div, tem um link e ao passar o mouse, o link não muda a cor e nem o texto referente a esse link. Tentei dessa forma:

a.fundo-texto:hover {text-decoration: underline; color: #FFF; }

Mas não funcionou. Alguém sabe como devo fazer para que ao passar o mouse na div, o link mudar a cor também para branco?

Obrigado!

Editado Fevereiro 8, 2015 por MTavares

[wootzor]

É isto que pretendes?

#fundo-texto { color: #000; }
#fundo-texto:hover { background-color:#000; color: #FFF; cursor: copy }
#fundo-texto a:hover { text-decoration: underline; color: #FFF; }

[MTavares]

Olá wootzor.

Obrigado por responder. Quase isso. Agora quando coloco o mouse sobre o link, ele fica branco. Perfeito... mas só que ele fica branco só quando eu passo o mouse. Tem como ficar branco ao passar o mouse sobre a div? Pois quando passo o mouse sobre a div, o fundo fica preto e a fonte fica branca, mas o link só fica branco quando passo o mouse diretamente nele.

A div está dessa forma:

<div id="fundo-texto">
  texto... texto... texto... <a href="http://site.com.br/" >acesse o site</a>
</div>

Tentei também dessa forma:

<div id="fundo-texto">
  texto... texto... texto... <a href="http://site.com.br/" id="fundo-texto" >acesse o site</a>
</div>

.... mas também não funcionou!

Obrigado

Editado Fevereiro 9, 2015 por MTavares

[wootzor]

Basta então trocar o último evento para:

#fundo-texto:hover a { text-decoration: underline; color: #FFF; }

Desta forma, quando o cursor entra na div, afecta automaticamente todos os links contidos nela.

[MTavares]

Perfeito wootzor... funcionou corretamente...

Muito obrigado pela ajuda....

Abraço

[wootzor]

De nada :)