CSS权重值计算和选择器优先级

一、权重的值计算以及选择器权重值大小

1、!important放在样式的最后面是最优先的，权重值是10000；

2、内联样式权重值1000，优先级仅次于！important，一般都是在标签内部书写，如：‘<div style="color:red;"></div>’

3、id选择器权重值是100，如：#first；

4、类选择器、伪类选择器、属性选择器的权重值是10，例如：.Two，:hover，input[type="button"]；

5、标签选择器和伪元素选择器权重值伪1，例如：p，div，:before；

6、通用选择器（*）、子选择器（>）、相邻选择器（+）、同胞选择器（~）、权重值为0，CSS3的子代选择器nth-child()也是0；

而且css当标签的选择器比较多的是候，权重值就是所有的权重值相加的和；

如：

.center{
    width: 300px;
    height: 300px;
    background: blue!important;
}

该标签的权重就是10+10000=10010；