[Resolvido] de CSS em links

[Diego Macêdo 6]

Amigos,

 

criei uma tabela chamada 'copyright' e dentro dela tem uns links.

 

O CSS encontra-se assim:

.copyright {
	background-color: #333;
}
.copyright a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}
.copyright a:hover {
	text-decoration: underline;
}
.copyright a:visited {
	text-decoration:none;
}

O que eu quero fazer é que o link fique como um texto simples e ao passar o mouse emcima apareça o underline. Até aí ok! Mas depois que a pessoa clica e visita um link desses ele ta ficando permanente com o estilo do "visited" que no caso é ter o 'decoration = none'. Ou seja, ele não aparece mais o underline quando passa o mouse.

 

Como faço pra resolver esse probleminha básico, fazendo com que o link volte a mostrar o underline quando o mouse for passado sobre ele?

[Diego Macêdo 6]

Estranhamente resolvi meu problema simplesmente trocando a posição do HOVER, jogando ele para o final do esquema.

 

Não sabia que o CSS analisava a ordem do estilo.

[William Bruno 1501]

Eu faria assim:

.copyright a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}
.copyright a:hover {
	text-decoration: underline;
}

Definindo de uma vez a primeira declaração para todos os estados, que não sejam o hover.

Assim o visited se torna um texto comum de novo....

E veja que você precisa seguir uma rodem para isso funcionar do jeito que você estava fazendo:

link, visited, hover, active.

Se não declarar nessa ordem, vai dar problema mesmo. LoVe HATe

[Diego Macêdo 6]

Obrigado pela dica ai do "LoVe HATe"!

 

Bem interessante isso, nunca mais esqueço! ;)