CSS :active选择器

  • 定义和用法

    :active选择器用于选择和设置活动链接的风格。单击链接后,链接将变为活动状态。
    提示:active选择器可用于所有元素,而不仅仅是链接。
    提示:使用:link选择器设置指向未访问页面的链接的样式,使用:visited选择器设置指向已访问页面的链接的样式,使用:hover选择器将鼠标悬停在样式链接上。
    注意:在CSS定义中定义:active必须在:hover (如果存在)之后,以便有效!
    特征 说明
    CSS版本 CSS1
  • 浏览器支持

    表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。
    选择器 IE/Edge Chrome FireFox Safari Opera
    选择器名称
    [:active]
    7.0
    4.0
    2.0
    3.1
    9.6
  • CSS语法

    :active {
      css declarations;
    }
    
  • 实例

    选择并设置活动链接的样式:
    a:active { 
      background-color: yellow;
    }
    
    尝试一下