权重的计算

css中有样式显示问题。由于浏览器解释器是从上往下解释的，这就导致如果样式中出现对一个标签同时设置相同的样式，样式在下的就会覆盖样式在上的样式设置，在这里我也称就近原则（样式更靠近结构的显示）。但由于类名，id名的命名等问题，也为了防止样式的覆盖带来的问题。我们为了准确找到所在位置，通常会选择后代选择器，子代选择器，伪类选择器等，此时便产生了权重计算问题。在计算权重之前我们先来确定几个问题，在css中标签元素的权重都是0001，类选择器0010，ID选择器0100，从父级继承过来的样式的权重是0000。权重相加的原则：各个位上的数相加，没有进制中的进位。比如：div+p的权重是0002，div+p+i=0003，一个类+一个类=0020，一个类+一个ID=0110。比较权重大小的话就和算术中的一样，比如：0003比0002大，0110比0020大。值得注意的一点就是当在样式的后面加了个!important时，权重是最大的，没有比这个权重更大的，比如：p{width:100px;!important}这时，后面再给p设置宽度就是没用的。