在CSS中定义a:link、a:visited、a:hover、a:active顺序

摘自 http://www.cnblogs.com/xiaochaohuashengmi/archive/2010/09/06/1819624.html

正确顺序定义：L、V、H、A（ LoVe/HAte）

<span style="font-size:14px;">A:link {
 color: #000000;
 TEXT-DECORATION: none
}
A:visited {
 COLOR: #000000;
 TEXT-DECORATION: none
}
A:hover {
 COLOR: #ff7f24;
 text-decoration: underline;
}
A:active {
 COLOR: #ff7f24;  
 text-decoration: underline;
}</span>

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

近日突然发现，原来这个CSS问题早已有高人提出啦。还是个老外呢。他给总结了一个便于记忆的“爱恨原则”（LoVe/HAte），即四种伪类的首字母:LVHA。
再重复一遍正确的顺序：a:link、a:visited、a:hover、a:active .
N:

1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性，后面的属性会覆盖前面的属性定义；

2.鼠标经过的“已访问链接”同时拥有a:visited、a:hover两种属性，后面的属性会覆盖前面的属性定义；

 

所以说，a:hover定义一定要放在a:link、a:visited的后面