a标签伪类的LOVE HATE原则
a标签有四个伪类，分别是：
a:link 未访问的链接
a:visited 已访问的链接
a:hover 鼠标移动到链接上
a:active 选定的链接
遇到的问题：
访问过的链接，始终显示点过的样式，鼠标滑过或者点击时都不会有样式变动，具体css样式如下：
查询后知道a标签伪类有一个排序规则，否则会影响到显示。
解决方案：
按照LOVE HATE排序的顺序进行伪类排序。
即L(link)OV(visited)E H(hover)A(active)TE
修改排序后的代码：
