Pseudoclase :link CSS

Definición y uso

CSS :link Las pseudoclases se utilizan para elegir y establecer los estilos de los enlaces no visitados.

Nota::link Las pseudoclases no establecen los estilos de los enlaces visitados.

Consejo:Usar :visited Establecer los estilos de los enlaces de páginas visitadas, usando :hover Establecer los estilos de los enlaces al pasar el ratón, usando :active Establecer los estilos de los enlaces al hacer clic.

Nota:en las definiciones CSS,:link Debe colocarse :hover¡antes de que pueda activarse!

Ejemplo

Ejemplo 1

Elegir y establecer los estilos de los enlaces no visitados:

a:link {
  background-color: yellow;
}

Prueba por ti mismo

Ejemplo 2

Elegir y establecer los estilos de los enlaces no visitados, visitados, en estado de hover y activos:

/* Enlace no visitado */
a:link {
  color: green;
}
/* Enlace visitado */
a:visited {
  color: green;
}
/* Enlace con el ratón sobre él */
a:hover {
  color: red;
}
/* Enlace activo */
a:active {
  color: yellow;
}

Prueba por ti mismo

Ejemplo 3

Establecer diferentes estilos para los enlaces:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Prueba por ti mismo

Sintaxis CSS

:link {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente esta pseudoclase.

páginas relacionadas

Tutoriales:enlaces CSS

Tutoriales:pseudoclases CSS