CSS 伪类 (Pseudo-classes)

伪类：伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容；原则上特征是不可以从文档树上推断得到的。在感觉上伪类可以是动态的，当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。例外的是":first-child"能通过文档树推断出来，":lang"在一些情况下也在从文档树中推断出来。

伪类有：:first-child ，:link:，vistited，:hover:，active:focus，:lang
伪元素：伪元素是创造关于文档语言能够指定的文档树之外的抽象。例如文档语言不能提供访问元素内容第一字或者第一行的机制。伪元素允许设计师引用它们，否则这是难以办到的。伪元素还提供样式设计师给在源文档中不存在的内容分配样式（例如：:before和:after能够访问产生的内容）。

伪元素有：:first-line，:first-letter，:before，:after  （在苏沈小雨编的CSS2.0中文手册中把:first-line，:first-letter列为伪类应该是理解上的错误）

伪类和伪元素都不出现在源文件和文档树中。

参考示例：http://www.w3school.com.cn/css/css_pseudo_classes.asp

======================

(转)对于a和4个状态：

原帖地址：http://blog.csdn.net/cui_angel/article/details/7678947

:link        有链接属性时
:visited    链接地址已被访问过
:active     被用户激活(在鼠标点击与释放之间发生的事件)
:hover      其鼠标悬停

第一：不管什么情况下鼠标悬停都应该有一个样式变化（:hover）,我们就把hover放在最后，防止具备其他状态时，被其他状态的设置覆盖掉。
第二：当a被激活时(:active)，我们要求不管是否访问过，都应该有相同的样式，也就是这个状态的效果应该能够覆盖未被访问时(:link)与 已访问过(:visited)两种状态。应该放在 :link :hover的后面。
第三：被访问过的a（:visited）可能会有不一样的样式属性，用来区别a是否被访问过。也就是说:visited 状态的属性可以覆盖掉:link状态的属性， 即 :visited 要放在 :link 的后面

 

用LOVE AND HATE 的方式来记住这个排序是一种不错的方法，推荐新手使用。