首页 > 技术文章 > CSS 优先级全解

ltfxy 2022-06-25 20:40 原文

选择器优先级

权重
1000 内联样式
100 id选择器
10 类选择器,伪类选择器,属性选择器
1 标签选择器,伪元素选择器
0 相邻兄弟选择器、子选择器、后代选择器、通配符选择器

其他情况

!important样式优先级最高
优先级相同,按代码书写顺序,顺序在后面的生效
继承得到的样式优先级最低
样式表来源不同时,内联样式 > 内部样式 > 外部样式 > 用户自定义样式 > 浏览器默认样式

推荐阅读