1. 优先原则
- 后解析的内容会覆盖之前解析的内容(解析器从上往下执行)
2. 继承原则
- 嵌套里面的标签拥有外部标签的某些样式,子元素可以继承父元素的属性
3. 优先原则2
- 同一个选择器:从上往下执行、解析
- 同一类型选择器:从上往下执行
- 不同类型的选择器:优先级 先解析 低优优先级的——>高优先级的
- 外部样式和内部样式合并之后一起解析,外部样式放前面 ,内部样式放后面, 外部样式+内部样式解析完了之后再解析内联样式
- 加了!important字段的 最后执行
例:
div{
background-color: green !important;
}
4. 外部样式(link引入的css文件) 内部样式(style定义的样式) 内联样式(元素的style属性定义的样式)
- 外部样式和内部样式合并之后一起解析,外部样式放前面,内部样式放后面, 外部样式+内部样式解析完了之后再解析内联样式
5. 优先级总结
- 弱到强: 外部样式——> 内部样式——> 内联样式——> !important