Pseudoclase hover

La pseudoclase hover define los estilos para un enlace cuando pasamos el ratón por encima. Normalmente, esta pseudoclase se aplica junto con las pseudoclases link, visited y active.

Sintaxis

cssa:hover {
  
}

Ejemplo

Un enlace no visitado será de color rojo, uno visitado - azul claro. Si pasas el ratón por encima - se volverá verde, y si haces clic con el botón izquierdo y lo mantienes pulsado - se volverá negro (estado active):

html<a href="#">enlace</a>

cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

Ver también