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
a: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):
<a href="#">enlace</a>
a:link {
color: red;
}
a:visited {
color: blue;
}
a:hover {
color: green;
}
a:active {
color: black;
}
:
