HOME PAGE JAVASCRIPT
Botões Cálculos Datas Essenciais Janelas Flutuantes Menus
HTML CSS FLASH PHP ASP GERADORES CORES MISCELANEA Contato  






Efeitos em links

Cada um dos 4 estados poderá ser estilizado por regras CSS aplicadas em 4 pseudos-elementos, conforme mostradas abaixo:

a:link  - Cor do link quando a página é carregada no navegador do usuário
a:visited  - Altera a cor do texto dos links já clicados por um visitante do site.
a:hover  - Altera a cor do texto de um link quando um visitante coloca o mouse sobre o mesmo.
a:active
 - Altera a cor do texto de um link quando um visitante do site clica nele.
exemplo:
a:link { color: #FF0000 }   -   link ainda não visitado
a:visited { color: #00FF00 }   -  link já visitado
a:hover { color: #FF00FF }   -  link com mouse sobre
a:active { color: #0000FF }   -   link selecionado

A seqüência acima é a recomendada e adotada em projetos CSS para links, pelos seguintes argumentos:
a: link é o estado inicial dos links, portanto deverá ser a primeira declaração
a: active deverá acontecer mesmo em links já visitados, portanto deverá ser declarado depois de a:visited
a: hover não precisa funcionar em a:active, então a:active pode ser declarado depois de a:hover.

Outra justificativa para a ordem acima é baseada na parte CASCADING do CSS, isto é, a prioridade sempre se dará na seqüência de cima para baixo. Este regra garante que o segundo estilo tem maior prioridade que o primeiro estilo, porém tem menor prioridade que o estilo que for definido à seguir.
Pelo exposto acima, nunca use o estado HOVER antes do VISITED, pois assim sendo, o estado HOVER não será mais visto após a primeira visita.