【知识总结】CSS中样式覆盖优先顺序

层叠样式类型

类型：

1. 浏览器默认样式
2. 浏览器用户自定义样式
3. 外部样式表
4. 内部样式表
5. 内联样式表    

顺序：

浏览器默认样式 < 浏览器用户自定义样式 < 外部样式表 < 内部样式表 < 内联样式表

样式表内部选择器

1. 类选择器 
2. 类派生选择器
3. ID选择器
4. ID派生选择器

样式表内部选择器生效顺序

类选择器 < 类派生选择器 < ID选择器 < ID派生选择器

生效规则

1. 样式表的元素选择器选择越精确，则其中的样式优先级越高。
   id选择器指定的样式 > 类选择器指定的样式 > 元素类型选择器指定的样式
2. 对于相同类型选择器指定的样式，在样式表文件中，越靠后的优先级越高。
3. 一个元素同时应用多个class，后定义的优先(即近者优先)
4. 如果要让某个样式的优先级变高，可以使用!important来指定。

转载于:https://www.cnblogs.com/fly-piglet/p/6365076.html