•  
     

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

Código: Selecionar todos

<!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

Código: Selecionar todos

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


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