: pairar - CSS-Tricks | CSS Almanac 2025

A :hoverpseudo classe em CSS seleciona elementos quando o cursor do mouse passa sobre eles. É comumente associado a elementos link ( ).

a:hover ( color: green; text-decoration: underline overline; )

Então, quando um link como este é "passado" (como um cursor em um dispositivo com um mouse):

Go to Google

Ele ficará verde e terá uma linha abaixo e acima dele.

No IE 6 e anteriores, :hover costumava funcionar apenas em links, mas em navegadores mais recentes, funciona em qualquer elemento. Isso pode ser particularmente útil para coisas como menus suspensos, nos quais você pode esperar pelo término :hover de um item da lista pai e, em seguida, revelar o próximo nível do menu aninhado. Porém, cuidado, os efeitos de flutuação devem ser associados a algum tipo de ação, já que esse é um padrão da web estabelecido há muito tempo.