CSS链接伪类之"爱恨"原则

CSS为一些特殊效果准备了特定的工具，我们称之为“伪类”。"爱恨原则"是我们经常用到的，下面我们就详细介绍一下经常用于超链接标记<a>的四个伪类，它们分别是：link,visited,hover,active。
根据它的优先级L >V  >H  >A，可以这样记LoVe HAte（爱恨）

 

超链接<a>的伪类	含义
a:link	定义正常链接的样式
a:visited	定义已访问过链接的样式
a:hover	定义鼠标悬浮在链接上时的样式
a:active	定义鼠标点击链接时的样式

上面示例中定义的链接颜色是红色，访问过后的链接是黄色，鼠标悬浮在链接上时是蓝色，点击时的颜色是绿色。但要注意的是当你的超链接被访问过一次之后，所呈现的是a:visited定义的颜色。

但我们每次定义链接样式时务必确认定义的顺序，link--visited--hover-active，也就是我们常说到的LoVe HAte原则（大写字母就是它们的首字母）。

因为 一个鼠标经过未访问链接同时拥有a:link、a:hover两种属性，鼠标经过的已访问链接同时拥有a:visited，a:hover两种属性。如果对于相同元素有针对不同条件的定义，宜将最一般的条件放在最上面，并依此向下，保证最下面的是最特殊的条件，后面的属性会覆盖前面的属性。