单个选择器优先级从高到低分别是：

1.!important：在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式
2.内联样式：style="..."
3.ID选择器
4.类选择器
5.伪类选择器
6.属性选择器
7.标签选择器
8.通配符选择器
9.浏览器自定义

复杂场景优先级需要计算：

按权重由高到低作如下归类：

行内样式 <div style="xxx"></div> ==> a
ID 选择器 ==> b
类，属性选择器和伪类选择器 ==> c
标签选择器、伪元素 ==> d
当a权重相同的时候，比较b，以此类推，谁的权重大就显示谁的样式