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>
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:
Versión impresa
Versión online
En ilimitado con la suscripción ENI
En la tienda oficial de ENI
Condiciones generales de usoCopyright - © Éditions ENI ||Política de protección de datos del grupo ENI