a:link 链接平常的状态
a:visited 链接被访问过之后
a:hover 鼠标放到链接上的时候
a:active 链接被按下的时候
以下为点过链接后,链接字体变为红色:
a:link { color:#dd3409;text-decoration:none; font-size:13px; }/* 超链接的样式 */
a:visited { color:#9f301d;text-decoration:none; }
a:visited:hover { color:#9f301d;text-decoration:underline; }
a:hover { color:#dd3409;text-decoration:underline; }
a:active { color:#ff3300;text-decoration:underline; }
关于css伪类:hover在ie中的bug
ie个版本中鼠标悬浮在文字上时,颜色不改变。其他浏览器中正常。
- 语法:
- Selector : hover { sRules }
- 说明:
- 设置对象在其鼠标悬停时的样式。
- 在CSS1中此伪类仅可用于 a 对象。对于无 href 属性(特性)的 a 对象,此伪类不发生作用。
- 在CSS2中此伪类可以应用于任何对象。
然后查看了下自己的代码,发现a中只有onclick属性,增加href="#"后:hover正常作用。