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;  
          ...
Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Pseudoclases
Siguiente
Pseudoclases de párrafo