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


层叠样式类型

类型:

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

顺序:

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

样式表内部选择器

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

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

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

生效规则

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM