CSS标签的权重优先级

优先级身为CSS中的三大特性之一，可以说是非常重要的。当我们给本标签的样式或者他的类名、ID以及他的父级上的样式上规定了一样的属性，那么该标签在页面上按照谁规定的来显示？这需要分两种情况分析。

选择器相同

这种情况下，就需要我们了解下CSS的另一个特性----层叠性

层叠性：重复出现的style属性，就近原则，谁离得标签近，就最后显示谁的style属性

 

选择器不同

 

当标签选择器单独出现时

当选择器不同时，就需要看优先级原则

优先级从高到底显示

!important>行内样式表>id选择器>类选择器>标签选择器>继承

 

当标签选择器出现多个叠加现象

例如这种有id选择器、类选择器、标签选择器和继承相互结合的

那就根据这个表进行权重叠加，谁的权重大就执行谁

需要注意下面几点

1.权重相加不会出现进位的现象。即便是0，0，0，1000那优先级也比0，0，1，0小

2.不管复合选择器中父类权重多高，即便是!important，在要复合选择器中没有选中自己的标签，则那么他就是继承，则权重为0。