css选择器的优先级

前提：当使用不同的选择器选中同一个元素并且设置相同的样式时，这时样式之间就产生了冲突，最终到底采用哪个选择器定义的样式，由选择器的优先级(权重)决定，优先级高的优先显示。

1.优先级的权重规则：

选择器分类	优先级权重
内联样式	1000
id选择器	100
类和伪类选择器	10
元素选择器	1
通配符选择器(*)	0
继承的样式	没有

2.当选择器中包含多种选择器时(交集选择器: p#p2 或 p.p3)，需要将多种选择器的优先级相加然后再比较，但是注意，选择器优先级计算不会超过它的最大的数量级

3.如果选择器的优先级一样(class="p1 p2 p3")，则使用靠后的样式(.p3)。

4.并集选择器的优先级是单独计算不是求和(div,p,#p1,.hello{})

5.可以在样式的最后，添加一个 !important，则此时该样式将会获得一个最高的优先级，将会优先于所有的样式显示甚至超过内联样式，但是在开发中尽量避免使用 !important

.p1{
    color: yellow;
    /* !important用法 */
    background-color: #711c12 !important;
}