css选择器的优先级是：内联 > ID选择器 > 类选择器 > 标签选择器。
如果到具体的计算层面，那么优先级是由 {A, B, C, D}的指来决定的，它的计算规则如下：
- A的值等于 1 的前提是存在内联样式，否则 A = 0；
- B的值等于 ID 选择器 出现的次数
- C的值等于 类选择器 和 属性选择器 和 伪类 出现的总次数
- D的值等于标签选择器 和 伪元素 出现的总次数
例如：
下面的选择器不存在内联选择器，它不存在内联样式，所以A = 0，不存在 ID 选择器， B = 0，存在一个类选择器，C = 1，存在三个标签选择器，D = 3，那么最终计算结果为{0, 0, 1, 3}
div p span .red{
}
同上的计算方法，下面的选择器计算的值为{0, 1, 0, 0}
#red{
}
按照 从左向右 的方式去比较值得大小。A, B, C, D 的权重 从左向右 依次减小。依次相比，知道比较最大的值，即可停止。
所以第二个选择器的权重更高