Pseudoclasse hover

A pseudoclasse hover define os estilos para um link quando passamos o mouse sobre ele. Geralmente, essa pseudoclasse é aplicada em conjunto com as pseudoclasses link, visited e active.

Sintaxe

cssa:hover {
  
}

Exemplo

Um link não visitado será vermelho, um visitado - azul. Se você passar o mouse sobre ele - ficará verde, e se clicar e segurar o botão esquerdo do mouse - ficará preto (estado active):

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

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

Результат:

Veja também