Mudando estilos de Links de uma DIV

Neste tutorial iremos aprender à mudar os estilos dos links de uma DIV.
O padrão dos links é azul antes de clicar e roxo, após o clique.
Podemos mudar estes padrões, sem incluir classes na tag do link, baseados apenas na DIV onde os links estão.

//aqui fica o css:

.divdeexemplo a{
color:#fff;
text-decoration:none;
}
//aqui mudamos o nosso link para a cor branca e sem decoração (como sublinhar)
//agora mudamos o link quando passamos o mouse por cima:
.divdeexemplo a:hover{
text-decoration:underline;
}
//quando passa o mouse por cima, o link fica sublinhado.

//agora insira no HTML:

<div class="divdeexemplo">
<a href="#">Link de Exemplo</a>
</div>

//fácil, não?

 Fonte: CodigoFonte

# COMPARTILHE

Tweet

EFAS DIGITAL

Em 2008 entrei no meu primeiro curso de montagem e manutenção de micro e rede, tirei um enorme conhecimento e em 2010 comecei a me dedicar ao webdesginer aprendi html e css... A profundei meus conhecimentos em php, delphi, java-script, softwares e outros. Em 2011 criei meu primeiro blog "Baixaki dos DJs" hoje já com mais de 680 mil visitas e estou com vários outros novos blogs. Trabalho com freelance em área de informática e web.