CSS优先级

权重

两个选择器同时作用到一个元素上时，权重高者生效。

同等权重 靠近目标近的优先

• 行内样式 +1000
• id选择器 +100
• 属性选择器 / class / 伪类 + 10
• 元素选择器 / 伪元素 +1
• 通配符 + 0

！important

• ！important 优先级最高
• 两个样式都使用！important时，权值大的优先级
• 当 ! important 用于简写的属性时，这条属性的所有子属性都会被作用上！important

行内、内联、外联优先级

• 行内优先级 > 其他优先级
• 内联 外联优先级取决于 先后顺序
  • css样式 是单线程，依次从上向下加载的。内联样式和外联样式的优先级和加载顺序有关。

样式应用于非目标标签时

选中非目标元素的情况下，离目标越近者优先

同一个样式写两次

后面的会覆盖前面的样式

总结

==！important > 行内样式 > 内联样式 & 外联样式==