关于a伪类的顺序

昨天董老师说她设置的a伪类在点过链接以后当鼠标再经过的时候就不动弹了。想想这个可能是很多人会遇到的问题,就借此机会趁空间恢复了将博客更新一下。

她的默认设置如下:

1
2
3
4
a:link {text-decoration: none;color: #FFFFFF}
a:active {text-decoration:none;color: #000000}
a:hover { text-decoration:none;color: #000000} 
a:visited { text-decoration: none;color: #FFFFFF}

这段话说的意思是链接是白色,激活时候是黑色的,浏览过的继续是白色。
但是她现在碰到的问题是:当一个链接成为visited状态的以后,鼠标结果以后不再是黑色,也就是说a:hover在链接点过以后将不再有效。

Css在执行的时候,在碰到同类属性时候一般都认最后一个属性,比如body {color:red;color:green;}出来后的颜色是green而不是red。那么这样就很好理解上面错误发生的原因了,更换一下顺序就哦了。
继续阅读关于a伪类的顺序