Question

CSS定义超链接样式有什么顺序

Answer 1

CSS中通过四个伪类来定义链接的样式，分别是：
a:link 链接默认的样式
a:visited 链接已被访问过时的样式
a:hover 鼠标悬浮在链接上的样式
a:active 点击链接时候的样式
一般定义这四种样式的是“LVHA”的顺序来写样式，不然可能出现样式覆盖问题；
定义class样式一般分两种,一种在a标签上，一种在a标签外面，实例如下：

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

<style type="text/css">LVHA
.aaa a:link{color:red;text-decoration:none;font-size:14px;}
.aaa a:visited{color:yellow;text-decoration:none;font-size:14px;}
.aaa a:hover{color:blue;text-decoration:none;font-size:14px;}
.aaa a:active{color:green;text-decoration:none;font-size:14px;}
</style>
<div class="aaa"><a href="#">在a标签外的标签加class</a></div><br />

<style type="text/css">LVHA
a.bbb:link{color:red;text-decoration:none;font-size:14px;}
a.bbb:visited{color:yellow;text-decoration:none;font-size:14px;}
a.bbb:hover{color:blue;text-decoration:none;font-size:14px;}
a.bbb:active{color:green;text-decoration:none;font-size:14px;}
</style>
<a href="#" class="bbb">在a标签加</a>

Answer 2

伪类的书写顺序非常重要,因为css的优先级关系(后面的大于前面的)
正确顺序：a:link,a:visited,a:hover,a:active{;}