什么是伪类？ 伪类：伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容；原则上特征是不可以从文档树上推断得到的。 伪类有：:first-child:link:vistited:hover:active:focus:lang 什么是伪元素？ 伪元素：伪元素是创造关于文档语言能够指定的文档树之外的抽象。 伪元素有：:first-line:first-letter:before:after 两者可以说都是一种CSS的规则，可以很方便的使用，但是其中却有一点让人很是疑惑，就是其CSS权重 伪类的的权重是10，这点大家都没有什么异议。但是伪元素的权重是1这点可能会有些歧义 e.g. <p id=’t'>this is text for test,Yse just for test</p> p#t{ color:blue; } p:first-line{ font-size:300%; color:yellow; } 按权重算，p#t应该是101，p:first-line应该是2 但是在浏览器一看，第一行却是黄色！这是为什么呢？ 原来伪元素是创造关于文档语言，这点需要详细的理解一个其含义 其实就是相当于这样 e.g. <p id=’t'><P:first-line>this is text for test,Yse just for test</P:first-line></p> 很是有意思的规则，并且关于CSS的版本不同，表现的形式也将不同。更多详解请看W3C Selector pseudo-elements

对于CSS的权重一直以来可以说都是含糊不清的，这个并不是因为大家对其理解有误，而是W3C在CSS2.0的声明来看的确很含糊，但是在CSS2.1里W3C已经对CSS的权重有了明确的规定。 Media type and element match Importance and origin in ascending order of importance (confusingly): user agent style sheets user normal style sheets author normal style sheets author important style sheets user important style sheets Specificity Source order 这里其实一个比较重要的就是“Specificity ” 什么是Specificity？ 简单来讲就是一个权重的表达方式：如0,0,0,0。这种表达方法是一种纸牌游戏的表达方法。 更详细的内容请查看这里 所有的权重方法都将依靠他来计算（!important除外）。掌握其特有的特点，将是你对CSS权重理解的一个重要的基石。 我们可以把他简化一下，如下表： 1 * { } 0 2 li { } 1 [...]