一共分为三种。
第一种:

• 浏览器默认样式
• 用户自定义样式
• 开发者定义样式
• 开发者定义样式(!important)
• 用户自定义样式(!important)
  第二种:
• html中style内嵌样式或者<style>标签中(权重1000)
• id选择器(权重100)
• class选择器，属性选择器，伪类选择器(权重10)
• 元素选择器，伪元素选择器(权重1)
• 全局选择器(*), 以及组合选择器(+, > ~),和:not选择器对权重没有影响
  第三种:
• 在上面两者的基础上，资源后面的优先级高于资源前面的优先级。

来源：MDN文档，在CSS一篇文章中阅读过。