CSS选择器优先级

行内样式 > 页内样式 > 外部引用样式 > 浏览器默认样式

！important> 内联 >ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承

 

特指度（specificity）。特指度表示一个css选择器表达式的重要程度，可以通过一个公式来计算出一个数值，数越大，越重要。

这个计算叫做“I-C-E”计算公式，

I——Id；

C——Class；

E——Element；

即针对一个css选择器表达式，遇到一个id就往特指度数值中加100，遇到一个class就往特指度数值中加10，遇到一个element就往特指度数值中加1。

下面举几个css表达式的特指度计算结果：

CSS选择器表达式	特指度计算结果
p	1
p.large	11
P#large	101
div p#large	102
div p#large ul.list	113
div p#large ul.list li	114

特殊：即使11个1>1个10，仍为10的优先级高

另外，设置的样式高于继承的样式，不用考虑特指度。例如下面span1显示红色：

      

参考： http://ofcss.com/2011/05/26/css-cascade-specificity.html  写的很全很好