css优先级
优先级公式
优先级:继承<通配符选择器<标签选择器<类选择器<id选择器<行内样式<!important
注意: 如果加!important只提高加了的这个属性的优先级, 而且其他的属性还是按照我们的优先级排列
Important例子:
color: yellow !important;
1,Css继承的样式>默认的样式
2,通配符读选择器样式的优先级>继承的样式
3,标签选择器的优先级>通配符选择器的优先级
4,类选择器样式的优先级>标签选择器的优先
5,ID选择器优先级>类选择器的优先级
6,行内选择器的样式优先级>ID选择器的优先级
复合选择器权重的计算
(0 0 0 0)
第一个零表示!important的个数
第二个零表示ID选择器的个数
第三个零表示类选择器的个数
第四个零表示标签选择器的个数
比较时:从第一个零开始,如果第一个零大,那么就是这个选择器的权重高
如果大小相等,比较第二个“0”的大小,如果第二个零大那么这个选择器的权重高
还相等,以此类推
最后:如果比较完后都相等,使用后面的样式