CSS3的权重问题
Posted muyun123
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS3的权重问题相关的知识,希望对你有一定的参考价值。
选择器的权重问题,这个问题很简单,但很容易让人忽略,所以我在这里提一下
选择器的权重:
!important>内联样式>id选择器>类选择器(class选择器)>类型选择器
>通配符选择器
!important 表示最重要的,在属性值后面添加之后,表示这句代码权重最高层叠样式表:因为同一个元素可以有多种方法去给他添加样式当同一个
元素通过几种方法添加了同样的样式的时候,只能选择其一,就会出现选择器的权重问题
包含选择器的权重问题:
选择器的权重我们使用e0ee表示
内联样式---1000
id选择器---0100
class选择器---0010
类型选择器--0001
通配符---00001
包含选择器权重=各个选择器权重之和
.fuqin#son=10+100=110
.fuqin.erzi=10+10=20
继承:表示子元素可以使用一些父元素的样式
注意点:继成的权重是最低的
当我们用时不仅要注意前后位置,还要注意他们的权重之和
以上是关于CSS3的权重问题的主要内容,如果未能解决你的问题,请参考以下文章