样式冲突:给同一个元素设置相同的样式名,不一样的样式值,最终哪个样式有效果,
是看选择器的权重,谁的权重高,就有效果选择器的权重
下面选择器权重从上往下逐渐减弱
内联样式
id选择器
class选择器/属性选择器
元素选择器
通配选择器
继承样式
注意
1、如果选择器的权重一样,那么谁靠下,就谁生效
2、要让所有选择器的权重相加,最终谁大听谁的
3、所有的选择器权重相加,最高也不会超过上一等级的权重,如再多的类选择器权重相加,也不会 超过id选择器权重
4、在并集选择器(群组选择器)当中,选择器权重是各算各的,最终谁大听谁的
5、!important 是最高的权重 但慎用( 一般情况下,可以测试使用,测试是否是选择器权重的问题)
如何用!important进行测试?
在正常情况下,如果样式设置不成功,要么是你没选中要么是选择器权重问题 ,然后我们在需要测试的地方加上 !important进行测试,如果还是不能成功显示设置的样式,那么说明是你为选中,如果成功显示你设置的样式了,那么说明是选择器权重的问题。