css權(quán)重指的是樣式的優(yōu)先級(jí)，有兩條或多條樣式作用于一個(gè)元素，權(quán)重高的那條樣式對(duì)元素起作用,權(quán)重相同的，后寫的樣式會(huì)覆蓋前面寫的樣式。
權(quán)重的等級(jí)
可以把樣式的應(yīng)用方式分為幾個(gè)等級(jí)，按照等級(jí)來(lái)計(jì)算權(quán)重
1、!important，加在樣式屬性值后，權(quán)重值為 10000
2、內(nèi)聯(lián)樣式，如：style=””，權(quán)重值為1000
3、ID選擇器，如：#content，權(quán)重值為100
4、類，偽類和屬性選擇器，如： content、:hover 權(quán)重值為10
5、標(biāo)簽選擇器和偽元素選擇器，如：div、p、:before 權(quán)重值為1
6、通用選擇器（*）、子選擇器（>）、相鄰選擇器（+）、同胞選擇器（~）、權(quán)重值為0
權(quán)重的計(jì)算實(shí)例
1、實(shí)例一：
<style type="text/css">
div{
color:red !important;
}
</style>
......
<div style="color:blue">這是一個(gè)div元素</div>
<!--
兩條樣式同時(shí)作用一個(gè)div，上面的樣式權(quán)重值為10000+1，下面的行間樣式的權(quán)重值為1000，
所以文字的最終顏色為red
-->
2、實(shí)例二：
<style type="text/css">
#content div.main_content h2{
color:red;
}
#content .main_content h2{
color:blue;
}
</style>
......
<div id="content">
<div class="main_content">
<h2>這是一個(gè)h2標(biāo)題</h2>
</div>
</div>
<!--
第一條樣式的權(quán)重計(jì)算： 100+1+10+1，結(jié)果為112；
第二條樣式的權(quán)重計(jì)算： 100+10+1，結(jié)果為111；
h2標(biāo)題的最終顏色為red
-->
