【知识总结】CSS中样式覆盖优先顺序
层叠样式类型
类型:
1. 浏览器默认样式
2. 浏览器用户自定义样式
3. 外部样式表
4. 内部样式表
5. 内联样式表
顺序:
浏览器默认样式 < 浏览器用户自定义样式 < 外部样式表 < 内部样式表 < 内联样式表
样式表内部选择器
1. 类选择器
2. 类派生选择器
3. ID选择器
4. ID派生选择器
样式表内部选择器生效顺序
类选择器 < 类派生选择器 < ID选择器 < ID派生选择器
生效规则
1. 样式表的元素选择器选择越精确,则其中的样式优先级越高。
id选择器指定的样式 > 类选择器指定的样式 > 元素类型选择器指定的样式
2. 对于相同类型选择器指定的样式,在样式表文件中,越靠后的优先级越高。
3. 一个元素同时应用多个class,后定义的优先(即近者优先)
4. 如果要让某个样式的优先级变高,可以使用!important来指定。