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；