【转】https://www.cnblogs.com/cnblo...1.权重的概念： weight是一个相对的概念，是针对某个指标的。指标的权重是指该指标在总体评价中的相对重要性。 权重系数表示某一指标项在指标项体系中的重要程度，表示在其他指标项不变的情况下，该指标项的变化对结果的影响。2、css权重的理解： 每个css选择器都有一个相对重要性值，即权重值，简称“权重”；计算css选择规则的总权重，从而确定定义的样式规则的优先顺序；从《理解css权重》中我们知道，所谓css选择规则的优先级是根据css选择器的权重通过比较来确定的（光看这句话你可能还是一头雾水，别担心，看完我接下来的介绍，你可能会觉得豁然开朗，但请先记住这句话）；3.css优先级规则： 1。当css选择规则的权重不同时，权重高的优先； 2。当css选择规则的权重相同时，后面定义的规则优先； 3。CSS属性当后面加上!important时，无条件绝对优先；4.重量的计算： 在网上很容易找到这张图。描述了css选择器的权重分类： 权重分类，一般说分4级： 第一级：代表内联样式，比如权重为1,0,0,0； 第二层：代表ID选择器，如#id=""，权重为0,1,0,0； 第三层：代表calss|伪类|属性选择器，例如.class|：悬停，：链接，：目标|[类型],权重0,0,1,0; 4级：代表标签|伪元素选择器，如p|::after,::before,::fist-inline,::selection,weight0,0,0,1; 另外，一般选择器（*）、子选择器（>）、相邻兄弟选择器（+）等选择器不在4级以内，所以它们的权重为0,0,0,0； 权重计算公式： 权重=一级选择器*个数，二级选择器*个数，三级选择器*个数，四级选择器*个数； 体重比较规则： 比较两个权重时，从高到低逐级计算出级别位上的权重值（如权重1,0,0,0对应-->一级权重值，二级权重值，第三级权重值，第四级权重值）进行比较，而不是简单的求和1000*数字+100*数字+10*数字+1*数字进行比较，换句话说，不管有多少有低级选择器，它们的优先级不会超过高级选择器；这个权重值理解为各级数的总和]，说到这里再配上下图，大家应该差不多明白了， 综上所述，这个比较规则就是三分 1。从高电平开始比较，当高电平相同时，再比较低电平，以此类推； 2。如果完全相同，则采用后一种优先原则（即样式覆盖）； 3。在css属性后面加上!important 验证第一点： 例子：查看代码 如果你对cssweights还没有深入了解，看上面的例子，估计会有很多人认为最终p的背景色是绿色；为什么？因为理解为错误的权重计算规则 qz1=100+1=101 qz2=1+10*11+1=112 qz1
