CSS定义超链接样式时四个状态的正确顺序L-V-H-A
2019-10-17 本文已影响0人
西瓜鱼仔
在CSS中定义超链接的样式时是要有先后顺序的，否则，在某些浏览器里面有可能会出现某个样式不起作用或者访问过后 hover 样式就不出现的bug。
CSS属性的排列顺序: L-V-H-A 。
L-V-H-A分别是link、visited、hover、active的简写。它们分别表示：
| A:link | 超链接的默认样式（未访问时的样式） |
|---|---|
| A:visited | 已经访问过的链接样式 |
| A:hover | 鼠标处于鼠标悬停状态的链接样式 |
| A:active | 当鼠标左键按下时，被激活（就是鼠标按下去那一瞬间）的链接样式。 |
写成如下顺序即可：
<style>
a:link{ background:red;}
a:visited{background:green;}
a:hover{background:blue;}
a:action{background:white;}
</style>
