E:hover

  • 版本:CSS1/2

语法:

E:hover{ 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, 即用喜欢和讨厌两个词来概括

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
IE Firefox Safari Chrome Opera
6.0 #1 4.0 4.0 4.0 15.0
7.0
  1. IE6及更早浏览器只支持a元素的:hover,从IE7开始支持其它元素的:hover。

示例: