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