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元素以外的元素。
  • CSS语法

    :hover {
      css declarations;
    }
    
  • 实例

    将鼠标悬停在链接上时选择并设置链接样式:
    a:hover { 
      background-color: yellow;
    }
    
    尝试一下
  • 相关页面

    CSS教程:CSS伪类