css權(quán)重
CSS權(quán)重指的是樣式的優(yōu)先級褒颈，有兩條或多條樣式作用于一個(gè)元素柒巫，權(quán)重高的那條樣式對元素起作用,權(quán)重相同的，后寫的樣式會(huì)覆蓋前面寫的樣式谷丸。
權(quán)重的等級
可以把樣式的應(yīng)用方式分為幾個(gè)等級堡掏，按照等級來計(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í)例
實(shí)例1
<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
-->
實(shí)例2
<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
-->
