2022年10月14日小于 1 分钟
- 从 CSS 代码存放位置看权重优先级：
- 内嵌样式 > 内部样式表 > 外联样式表
- 从样式选择器看权重优先级：
- important > 内嵌样式 > ID > 类 | 伪类 | 属性选择 > 标签 | 伪对象 > 继承 > 通配符。
- important 的权重为 1,0,0,0
- ID 的权重为 0,1,0,0
- 类的权重为 0,0,1,0
- 伪类的权重为 0,0,1,0
- 属性的权重为 0,0,1,0
- 标签的权重为 0,0,0,1
- 伪对象的权重为 0,0,0,1
- 通配符的权重为 0,0,0,0
- important > 内嵌样式 > ID > 类 | 伪类 | 属性选择 > 标签 | 伪对象 > 继承 > 通配符。