CSS链接四种状态注意顺序、UI伪类选择器的顺序

css定义超链接是要有先后顺序的。否则,可能会出现某个或某几个样式不起作用的bug。例如:visited与hover顺序颠倒了,则不能显示hover和active的样式了。

正确的顺序:

a:link 未访问过的 样式
a:visited 访问过的 样式
a:hover 鼠标处于鼠标悬停状态的 样式
a:active 当鼠标左键按下时,被激活的 样式。

还有UI伪类选择器中的顺序:

:hover

:foucs

:active

posted @ 2016-07-10 16:11  Heroine.z  阅读(1324)  评论(0编辑  收藏  举报