关于a标签不同状态下变化颜色样式的写法注意事项

a标签最常用到的样式变化其实也是四个伪类的样式变化

举例四个伪类和作用：

:link     a标签还未被访问的状态
:visited  a标签已被访问过的状态
:hover    鼠标悬停在a标签上的状态
:active   a标签被鼠标按下时的触发状态（鼠标松开后，样式就会消失）

代码实例：

<style type="text/css">
    a:link {color:#000}//未访问时的状态
    a:visited {color:red}//已访问的链接
    a:hover {color:blue}//鼠标悬停在a链接
    a:active {color:black}//鼠标按住a标签时
</style>

顺序可以记忆为： lvha

四伪类顺序原因：

为同一元素添加同样优先级的样式，，写在后面的就会覆盖前面的，a标签的伪类只不过是又结合了不同的动作顺序动作的出发顺序决定了伪类的顺序lvha

前两个状态（link、visited）是常态，而后两个状态是即时状态，当即时状态出发时，会覆盖常态，所以两个即时状态放后面