a:link、a:visited、a:hover、a:active .

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

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

所以说，a:hover定义一定要放在a:link、a:visited的后面。再重复一遍正确的顺序是：a:link、a:visited、a:hover、a:active .

1 2 3 4 5 6 7 8 9 10 11 12 13 14

< html > < head > < title >A标签的问题</ title > < style > a:link { color:black; text-decoration: none;} a:visited { color:red;text-decoration: none;} a:hover { color:blue;text-decoration: none;} a:active { color:green;text-decoration: none;} </ style > </ head > < body > < a  href = "#" >鼠标经过和点击的效果不同</ a > </ body > </ html >