E:active

语法:

E:active { sRules }

说明:

设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。
  • 如果需要给超链接定义:访问前,鼠标悬停,当前被点击,已访问这4种伪类效果,而又没有按照一致的书写顺序,不同的浏览器可能会有不同的表现
  • 超链接的4种状态,需要有特定的书写顺序才能生效。

    超链接状态顺序:

    a:link {} a:visited {} a:hover {} a:active {}

    注意,a:hover 必须位于 a:link 和 a:visited 之后,a:active 必须位于 a:hover 之后
    可靠的顺序是:l(link)ov(visited)e h(hover)a(active)te, 即用喜欢(love)和讨厌(hate)两个词来概括

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
6.0-7.0 #1 2.0+ 4.0+ 3.1+ 3.5+ 3.2+ 2.1+ 18.0+
IE8.0+
  1. IE7及更早浏览器只支持a元素的:active,从IE8开始支持元素的:active。

示例: