Índice

Pseudoclases de enlace

1. a:link

La pseudoclase a:link permite definir la apariencia de un enlace que todavía no se ha seleccionado.

No puede faltar este gran clásico de las hojas de estilo que consiste en suprimir el subrayado por defecto de los enlaces.

Ejemplo

<!DOCTYPE html>  
<html lang="es">  
<head>  
<title>Html5</title>  
<meta charset="UTF-8">   
<style type="text/css">  
a:link { text-decoration: none;  
         color: black;}  
</style>  
</head>  
<body>  
<p><a href="test.htm">¡Esto es, no obstante, un enlace!</a></p>  
</body>  
</html>
images/CAP18IMG01.png

Destacamos que también habría podido utilizarse la declaración de estilo a {text-decoration: none;} para obtener este resultado. Habría suprimido el subrayado de todos los estados del enlace (link, active, hover y visited).

2. a:visited

La pseudoclase a:visited permite definir la apariencia de un enlace que ha sido visitado. 

Ejemplo

<!DOCTYPE html>  
<html lang="es">  
<head>  
<title>Html5</title>  
<meta charset="UTF-8">   
<style type="text/css">  
a:visited {text-decoration: line-through;  
           ...