css中伪类的顺序

CSS的伪类可以看做是一种特殊的类选择符，是能被支持CSS的浏览器自动所识别的特殊选择符。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。

伪类的语法是在原有的语法里加上一个伪类（pseudo-class）：

selector:pseudo-class {property: value}

伪类和类不同，是CSS已经定义好的，不能象类选择符一样随意用别的名字，根据上面的语法可以解释为对象（选择符）在某个特殊状态下（伪类）的样式。

类选择符及其他选择符也同样可以和伪类混用：

selector.class:pseudo-class {property: value}

一、锚的伪类（注：CSS执行顺序是 lvcha）

发生过程是：link   :hover   :active   :visited

a:link {color: #FF0000; text-decoration: none}

a:visited {color: #00FF00; text-decoration: none}

a:hover {color: #FF00FF; text-decoration: underline}

a:active {color: #0000FF; text-decoration: underline}

二、伪类和类选择符（和第一个的区别是，这个可以定义多种样式。）

将伪类和类组合起来用，就可以在同一个页面中做几组不同的链接效果了，例如，我们定义一组链接为红色，访问后为蓝色；另一组为绿色，访问后为黄色：

a.red:link {color: #FF0000}

a.red:visited {color: #0000FF}

a.blue:link {color: #00FF00}

a.blue:visited {color: #FF00FF}

现在应用在不同的链接上：

这是第一组链接

这是第二组链接

三、其他伪类

此外CSS2还定义了首字和首行（first-letter和first-line）的伪类，可以对元素的首字或首行设定不同的样式。下面看这个例子，我们在段落标记里定义文本首字尺寸为默认大小的3倍：

p:first-letter {font-size: 300%}

……

这是一个段落，这个段落的首字被放大了。

我们再定义一个首行样式的例子：

div:first-line {color: red}

……

这是段落的第一行

这是段落的第二行

这是段落的第三行

（上例中段落的第一行为红色，第二、三行为默认颜色）

注意：首字和首行的伪类需要IE5.5以上的版本支持。