CSS选择器优先级如何确定

52 阅读1分钟

一、计算选择器的特殊性

  • 将'style'属性(内联属性)设为a
  • 将ID属性设为b
  • 将其他属性和伪类设为c
  • 将元素名(标签名)和伪元素设为d 微信图片_20240509170217.png
  1. 优先级最低的是*
  2. 优先级最高的是'style'
  3. 比较方式为从高到低比较

二、总结

  1. 上述规则并未对CSS 3的选择器作说明,则可使用下列方向性总结(也同样适用于上述规则的总结)
  • 选择器越具体,其优先级越高
  • 相同优先级,出现在后面的,会覆盖前面的
  • 属性后面加!important的优先级最高,但要少用