CSS3的权重问题

标签：class   port   --   类型   就会   pre   式表   通配符   使用   

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

包含选择器的权重问题：
选择器的权重我们使用e0ee表示
内联样式---1000
id选择器---0100
class选择器---0010
类型选择器--0001
通配符---00001
包含选择器权重=各个选择器权重之和
.fuqin#son=10+100=110
.fuqin.erzi=10+10=20
继承：表示子元素可以使用一些父元素的样式
注意点：继成的权重是最低的

当我们用时不仅要注意前后位置，还要注意他们的权重之和

CSS3的权重问题

标签：class   port   --   类型   就会   pre   式表   通配符   使用   

原文地址：https://www.cnblogs.com/muyun123/p/11431574.html