优先级身为CSS中的三大特性之一,可以说是非常重要的。当我们给本标签的样式或者他的类名、ID以及他的父级上的样式上规定了一样的属性,那么该标签在页面上按照谁规定的来显示?这需要分两种情况分析。
选择器相同
这种情况下,就需要我们了解下CSS的另一个特性----层叠性
层叠性:重复出现的style属性,就近原则,谁离得标签近,就最后显示谁的style属性
选择器不同
当标签选择器单独出现时
当选择器不同时,就需要看优先级原则
优先级从高到底显示
!important>行内样式表>id选择器>类选择器>标签选择器>继承
当标签选择器出现多个叠加现象
例如这种有id选择器、类选择器、标签选择器和继承相互结合的
那就根据这个表进行权重叠加,谁的权重大就执行谁
需要注意下面几点
1.权重相加不会出现进位的现象。即便是0,0,0,1000那优先级也比0,0,1,0小
2.不管复合选择器中父类权重多高,即便是!important,在要复合选择器中没有选中自己的标签,则那么他就是继承,则权重为0。