CSS定义超链接样式时四个状态的正确顺序L-V-H-A

在CSS中定义超链接的样式时是要有先后顺序的,否则,在某些浏览器里面有可能会出现某个样式不起作用或者访问过后 hover 样式就不出现的bug。

CSS属性的排列顺序: L-V-H-A

L-V-H-A分别是link、visited、hover、active的简写。它们分别表示:

A:link 超链接的默认样式(未访问时的样式)
A:visited 已经访问过的链接样式
A:hover 鼠标处于鼠标悬停状态的链接样式
A:active 当鼠标左键按下时,被激活(就是鼠标按下去那一瞬间)的链接样式。

写成如下顺序即可:


你可能感兴趣的:(CSS定义超链接样式时四个状态的正确顺序L-V-H-A)