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

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

正确的顺序：

a:link 未访问过的样式

a:visited 访问过的 样式

a:hover 鼠标处于鼠标悬停状态的 样式

a:active 当鼠标左键按下时，被激活的 样式。

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

:hover

:foucs

:active