CSS :hover选择器

定义和用法

:hover选择使用时，您将鼠标放在他们选择的元素。

提示：:hover选择器可用于所有元素，而不仅仅用于链接。

提示：使用:link选择器设置指向未访问页面的链接的样式，使用:visited选择器设置指向已访问页面的链接的样式，使用:active选择器设置活动链接的样式。

注意:hover必须在CSS定义中跟随:link和:visited（如果它们存在）之后，以便有效！

特征	说明
CSS版本	CSS1

表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

选择器	IE/Edge	Chrome	FireFox	Safari	Opera
选择器名称
:hover	7.0	4.0	2.0	3.1	9.6

注意：对于：:hover在IE中工作，必须声明<!DOCTYPE>为:hover处理除了a元素以外的元素。

:hover {
  css declarations;
}

将鼠标悬停在链接上时选择并设置链接样式：

a:hover { 
  background-color: yellow;
}

尝试一下