Fork me on GitHub

CSS3的权重问题


选择器的权重问题,这个问题很简单,但很容易让人忽略,所以我在这里提一下
选择器的权重:
!important>内联样式>id选择器>类选择器(class选择器)>类型选择器
>通配符选择器
!important 表示最重要的,在属性值后面添加之后,表示这句代码权重最高层叠样式表:因为同一个元素可以有多种方法去给他添加样式当同一个
元素通过几种方法添加了同样的样式的时候,只能选择其一,就会出现选择器的权重问题 包含选择器的权重问题: 选择器的权重我们使用e0ee表示 内联样式---1000 id选择器---0100 class选择器---0010 类型选择器--0001 通配符---00001 包含选择器权重=各个选择器权重之和 .fuqin#son=10+100=110 .fuqin.erzi=10+10=20 继承:表示子元素可以使用一些父元素的样式 注意点:继成的权重是最低的

当我们用时不仅要注意前后位置,还要注意他们的权重之和
posted @ 2019-08-29 19:28  幽幽木云  阅读(258)  评论(0编辑  收藏  举报