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

层叠样式类型

类型:

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

顺序:

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

样式表内部选择器

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

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

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

生效规则

1. 样式表的元素选择器选择越精确,则其中的样式优先级越高。
   id选择器指定的样式 > 类选择器指定的样式 > 元素类型选择器指定的样式
2. 对于相同类型选择器指定的样式,在样式表文件中,越靠后的优先级越高。
3. 一个元素同时应用多个class,后定义的优先(即近者优先)
4. 如果要让某个样式的优先级变高,可以使用!important来指定。
posted @ 2017-02-04 15:14  努力编程的小猪  阅读(6714)  评论(0编辑  收藏  举报