Links bem colorido com CSS

Links bem colorido com CSS

 por web Offline » Dom Jul 31, 2011 8:12 pm

Nesse post vou dar uma dica para quem quer um link bem colorido. Antes de começar, vou explicar a relação de span no link. Por exemplo, para o seguinte link <a href="" class="link"><span>link</span></a> Temos essa definição no CSS a.link span{color:blue;} Note que a referência ao link a, com a class link e o span dentro do link. Para um efeito hover no link acima, deve ser feito o seguinte a.link:hover span{color:orange;} Deixo agora um exemplo um pouco mais complexo, com 3 spans dentro do link, e a relação desses span na folha de estilo. Código: Selecionar todos <style> a.link span{color:blue;} a.link:hover span{color:orange;} a.link span span{color:green;} a.link:hover span span{color:black;} a.link span span span{color:red;} a.link:hover span span span{color:purple;} </style> <a href="" class="link"><span>meu <span>link <span>aqui</span></span></span></a> Note que é definido não só o primeiro span, também quanto o segundo e o terceiro, span span .... web ADMIN Mensagens: 12439 Registrado em: Sáb Jan 20, 2007 6:08 pm Localização: RJ / RJ / Brasil Website