CSS3的权重问题

有些话、适合烂在心里 提交于 2019-11-28 22:44:39

选择器的权重问题,这个问题很简单,但很容易让人忽略,所以我在这里提一下
选择器的权重:
!important>内联样式>id选择器>类选择器(class选择器)>类型选择器
>通配符选择器
!important 表示最重要的,在属性值后面添加之后,表示这句代码权重最高层叠样式表:因为同一个元素可以有多种方法去给他添加样式当同一个元素通过几种方法添加了同样的样式的时候,只能选择其一,就会出现选择器的权重问题

包含选择器的权重问题:
选择器的权重我们使用e0ee表示
内联样式---1000
id选择器---0100
class选择器---0010
类型选择器--0001
通配符---00001
包含选择器权重=各个选择器权重之和
.fuqin#son=10+100=110
.fuqin.erzi=10+10=20
继承:表示子元素可以使用一些父元素的样式
注意点:继成的权重是最低的当我们用时不仅要注意前后位置,还要注意他们的权重之和
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!