CSS链接四种状态注意顺序、UI伪类选择器的顺序
css定义超链接是要有先后顺序的。否则,可能会出现某个或某几个样式不起作用的bug。例如:visited与hover顺序颠倒了,则不能显示hover和active的样式了。
正确的顺序:
a:link 未访问过的 样式
a:visited 访问过的 样式
a:hover 鼠标处于鼠标悬停状态的 样式
a:active 当鼠标左键按下时,被激活的 样式。
还有UI伪类选择器中的顺序:
:hover
:foucs
:active
css定义超链接是要有先后顺序的。否则,可能会出现某个或某几个样式不起作用的bug。例如:visited与hover顺序颠倒了,则不能显示hover和active的样式了。
正确的顺序:
a:link 未访问过的 样式
a:visited 访问过的 样式
a:hover 鼠标处于鼠标悬停状态的 样式
a:active 当鼠标左键按下时,被激活的 样式。
还有UI伪类选择器中的顺序:
:hover
:foucs
:active