《精彩绝伦的CSS》——选择器（三）特殊性和重要性

三、特殊性和重要性 
1、这本书中将css的选择器特殊性（个人喜欢叫做优先级）定义为三种： 
a.元素描述符（如div）贡献：0,0,0,1； 
b.每个类、伪类或者属性描述符贡献：0,0,1,0； 
c.每个ID描述符贡献：0,1,0,0；

用以下几个例子帮助理解：
    div ul ul li            0,0,0,4    4个元素描述符
    body #main .right li    0,1,1,2    1个ID，1个类，2个元素描述符
    h1#title em             0,1,0,2    1个ID，2个元素描述符
    div table tbody tr td div ul li ol li ul li pre
         0,0,0,13    13个元素描述符

大家可能已经注意到各个数之间使用“,”分割开的，就是因为我们这里的每个级别的特殊性都是相互独立的，并不会因为低一级的贡献值有很多其特殊性就超过高一级的特殊性，就像最后一个例子一样。

有一种情况极可能会产生误解，就是当特殊性结构相近时，如： 
ul li{font-size:normal;} 
html li{font-size:italic;} 
这时后声明的规则会胜出

大家看到这里可能不禁会有个疑问，特殊性贡献第一个0是干嘛用的，其实第一个0适用于行内样式（inline style）的，且仅用于行内样式。

<divid="header"style="background-color:blue;"><!--1,0,0,0--> 

2、重要性 
如果有一样东西可以无视特殊性的，那就是!important。（不是“不重要”喔） 
看以下例子： 
a:hover{color:red !important;text-decoration:none;} 
即使设置了text-decoretion为none，但color属性设为了!important故最后仍会实现color:red。

有个要注意的，当两个可能会冲突的声明都是!important时，会采用正常的层叠规则（即上面说的特殊性）来解决冲突。

若过多的使用!important声明，最终只会导致“没有一个是重要的”。