CSS学习之第二章《选择符与结构》(3)

伪类和选择符

:link：指起链接（也就是说具有HREF属性）是一个未访问过的地址。注意有些浏览器可能将:link翻译成指向任何超链接，访问过或未访问过的。

:visited：指已经访问过的网页定位锚。

:hover:设置对象在其鼠标悬停时的样式表属性。

:active:指任何已经处于活跃状态，（例如被点击）的定位锚。在CSS1里，这只用于超链接，然而在CSS2中，:active理论上可应用于任何元素。

例如要创建一个网页，使所有未访问过的链接呈紫色，访问过的呈红色，当用户停在链接上时呈绿色，点击时程蓝色，在CSS中可以这样来实现：

A:link{color:purple;}

A:visited{color:red;}

A:hover{color:green;}

A:active{color"blue"}

效果如下：

这是我的链接

---

伪元素选择符：在CCS1里，有两个伪元素，即：first-letter和first-line。它们分别应用于首字母或首行，而首字母和首行位于像段这样的块级元素中。如：p:first-letter{color:red;}，这样会使每个段落的首字符变为红色。也可以使标题的首字比其它的大两倍，如h2:first-letter{color:red;font-size:200%}效果如下：

This is an H2 element

同理first-line可用于元素中文本的首行，例如，让每文档每个段落的首行显示为蓝色，则：p:first-line{color:blue}。

---

在CSS1下，伪类和伪元素不能组合在一个选择符中，但用类和ID选择符来组合伪类和伪元素是可能的。它们总是处于选择符的最后，紧接在元素、类和/或ID之后，例如:A.external:link{color:gray;}或A#link888:visited{color:purple;}。