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).
La pseudoclase a:visited permite definir la apariencia de un enlace que ha sido visitado.
<!DOCTYPE html> <html lang="es"> <head> <title>Html5</title> <meta charset="UTF-8"> <style type="text/css"> a:visited {text-decoration: line-through; ...
Suscripción
acceso ilimitado a todos los libros de ENI sin compromiso de permanencia
libro impreso o digital online