Pseudo-clase :any-link de CSS

Definición y uso

CSS :any-link El pseudo-clase se utiliza para seleccionar y establecer estilos para los elementos que son puntos de anclaje de los enlaces.

Este pseudo-clase funciona independientemente de si el enlace ha sido visitado o no.

Por lo tanto, este pseudo-clase se aplica a todos los elementos que tienen la propiedad href <a> o <area> Elemento.

Ejemplo

Ejemplo 1

Selecciona y establece estilos para todos los elementos <a> que tienen la propiedad href:

a:any-link {
  background-color: amarillo;
  color: marrón;
}

Prueba personalmente

Ejemplo 2

Establece estilos para todos los elementos <a> que tienen la propiedad href. Además, establece estilos para los enlaces según su estado (pasivo, activo, no visitado, etc.):

a:any-link {
  background-color: amarillo;
  color: marrón;
}
a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Prueba personalmente

Sintaxis CSS

:any-link {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente este pseudo-clase.

Páginas relacionadas

Tutoriales:Enlaces CSS

Tutoriales:Botones CSS

Tutoriales:Clases de estilo CSS