css的优先级及复合选择器权重计算

css优先级

优先级公式

优先级：继承<通配符选择器<标签选择器<类选择器<id选择器<行内样式<!important

注意： 如果加!important只提高加了的这个属性的优先级， 而且其他的属性还是按照我们的优先级排列

Important例子：

 color: yellow !important;

1，Css继承的样式>默认的样式

2，通配符读选择器样式的优先级>继承的样式

3，标签选择器的优先级>通配符选择器的优先级

4，类选择器样式的优先级>标签选择器的优先

5，ID选择器优先级>类选择器的优先级

6，行内选择器的样式优先级>ID选择器的优先级

复合选择器权重的计算

(0 0 0 0)
            第一个零表示!important的个数
            第二个零表示ID选择器的个数
            第三个零表示类选择器的个数
            第四个零表示标签选择器的个数
            比较时：从第一个零开始，如果第一个零大，那么就是这个选择器的权重高
            如果大小相等，比较第二个“0”的大小，如果第二个零大那么这个选择器的权重高
            还相等，以此类推

最后：如果比较完后都相等，使用后面的样式