用同一个例子说明:

h1{color:blue;}/*特殊性=1*/(包含通配符＂*＂他们同等级)
p em{color:blue;}/*特殊性=2*/(包含层次越多权重越高)
.warning{color:blue;}/*特殊性=10*/(class类)
p.note em .dark{color:blue;}/*特殊性=22*/

随便举一例：＜div><p class="note"><em class="dark">小筑不是小猪</e

(这一例中在网页中＂小筑不是小猪＂会被变成蓝色)m></p></div>
(这里包括两个特殊性为１的(蓝色部分)和两个特殊性为１０(红色部分)的所以得出最后权重值为２２)
#main{color:blue;}/*特殊性=100*/(id类)
!important{color:blue;}/*特殊性=10000*/
(ＩＥ目前６．０版本都不支持!important，一般被用于纠正ＩＥ盒模型ＢＵＧ.)

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

昨天做一个案例发现了透明ＰＮＧ图在ＩＥ和firefox中的不图表现：

iE中会自动把透明ＰＮＧ图解析成自动平铺盒模型有背影的图片．而在firefox中正常表现，这是一个ＩＥ的ＢＵＧ，网上看了一些大虾的见解，大多都说是因为ie6.0及以下版本浏览器并不支持png透明。希望以后做案例的时候能注意！