CSS样式优先级规则共有4点
1)不同类型css选择器,优先级总是符合如下规则
内联样式 > ID 选择器 >伪类 > 属性选择器 > 类选择器 >元素(类型)选择器 >通用选择器(*)
| 内联 | 嵌入 | 外部 |
内联 | 1 | - | - |
ID 选择器 | - | 2 | 3 |
伪类 | - | 4 | 5 |
属性选择器 | - | 6 | 7 |
类选择器 | - | 8 | 9 |
元素(类型)选择器 | - | 10 | 11 |
* | - | 12 | 13 |
数字越小,优先级越高
2)相同类型css选择器,不同css引入方式的优先级如下:
嵌入式css > 外部样式
3) 相同类型css选择器、相同css引入方式,不同引入位置的优先级如下:
位置在后的 > 位置在前的
4) !important类型样式具有最高优先级。
对上述出现的css基础术语可参考http://www.w3school.com.cn/css/index.asp