CSS标签的权重优先级

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

选择器相同

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

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

 

选择器不同

当标签选择器单独出现时

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

优先级从高到底显示

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

 

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

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

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

需要注意下面几点

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

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

发布了62 篇原创文章 · 获赞 39 · 访问量 12万+

猜你喜欢

转载自blog.csdn.net/liangjiabao5555/article/details/103297854
今日推荐