Home Newest Hot Active Unanswered Views Votes Tags Rank
 
Anderson

Links - a:link - a:visited - a:hover - HTML e CSS


Existem vários pseudo seletores de classe úteis para links, incluindo:

a:link: Um link não visitado.
a:visited: Um link visitado.
a:hover: Um link sobre o qual está o cursor do mouse.

Vamos tentar usá-los!

HTML

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css">
<title></title>
</head>
<body>
<div>
<a href="http://www.guruqa.com/">GuruQA</a>
<a href="http://www.nerdbb.com">NerdBB</a>
<a href="http://www.gurubr.com/">GuruBR</a>		
</div>
</body>
</html>

CSS

a:link{
color:#008B45;
text-decoration:none;
}
a:hover{
color:#00FF00;
text-decoration:none;
}
a:visited{
color:#EE9A00;   
}

Demo: http://jsfiddle.net/jLtgzdaq/


GuruQA
GuruQA
 
 
Anderson

SEO - O que são sitemaps?

Sodre

Botões das Redes Sociais

Anderson

O que é CSS?

Anderson

white-space - Quebra de linha com CSS

Anderson

Comentário em CSS

7Ouros

sXe Injected Client 15.3

souza

GuruQa - Servers

Anderson

/teste - Meu primeiro plugin - AMXX

Anderson

Existe algum animal que nunca dorme?

Gluke

[TUTORIAL] Como Conseguir Curtidas na suas Fotos do Facebook