CSS特殊性

样式的优先级取决于特殊性，特殊性为0，0，0，0

Ø每个元素或伪元素选择器贡献特殊性为 0，0，0，1

Ø每个类、伪类或者属性选择器的特殊性为 0，0，1，0

Ø每个ID选择器的特殊性为 0，1，0，0

Ø行内样式的特殊性为 1，0，0，0

Ø结合符和通配符的对特殊性为0，而继承没有特殊性

 

比较规则

Ø从左向右依次比较，数字大的则优先级更高

Ø每个级别的优先级值是相互独立的，13个元素选择器也不会比1个类选择器的特殊性高

Ø如果相同就比较下一位，所有位都相同则优先级是一样高

Ø当选择器优先级一样高的时候后声明的样式会覆盖前面声明的样式

 

 

例子：

div ul li                                     0,0,0,3

div.aside ol li                             0,0,1,3

a:hover                                     0,0,1,1

div.nav a:hover                          0,0,2,2

h1#title em                               0,1,0,2

input[type="text"]                      0,0,1,1     

.affix.top                                   0,0,2,0

*                                              0,0,0,0