样式优先级
外部样式 < 内部样式 < 内联样式
当外部样式放在内部样式后面时,外部样式将覆盖内部样式
选择器优先级
- 内联样式权重:1000
- id选择器权重:100
- 类选择器权重:10
- 元素选择器权重:1
- 组合选择器权重:基本选择器的权重之和,如 #div p 权重为:100 + 1 = 101
CSS优先级
- 选择器都有一个权值,权值越大越优先
- 当权值相等时,后出现的样式表设置要优于先出现的样式表设置
- 自定义规则高于浏览器默认样式
- 继承的CSS 样式不如后来指定的CSS 样式
- 在同一组属性设置中标有“!important”规则的优先级最大
- IE9以下对脚本添加的内联样式不会覆盖外部样式