僅供學(xué)習(xí)，轉(zhuǎn)載請注明出處
CSS權(quán)重
CSS權(quán)重指的是樣式的優(yōu)先級器瘪，有兩條或多條樣式作用于一個(gè)元素绘雁，權(quán)重高的那條樣式對元素起作用,權(quán)重相同的庐舟，后寫的樣式會覆蓋前面寫的樣式。
權(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í)例
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
-->
上面的例子可以先寫一個(gè)內(nèi)聯(lián)樣式诵冒，然后再使用div標(biāo)簽選擇器，最后再加上!important 參數(shù)來看看效果侮东。
內(nèi)斂樣式的div
此時(shí)可以看到文字已經(jīng)是藍(lán)色的了悄雅。
使用div標(biāo)簽選擇器
可以看出铁蹈，div標(biāo)簽選擇器的權(quán)重很小木缝，所以無法設(shè)置紅色覆蓋藍(lán)色。
設(shè)置權(quán)重最高的 !important 參數(shù)
設(shè)置了!important參數(shù)之后放案，字體立即就變?yōu)榧t色了矫俺。
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
-->
實(shí)踐開發(fā)情況中神帅，這種樣式權(quán)重比較的情況應(yīng)該是比較少的。但是元镀，也可以用這個(gè)例子演示一下霎桅。
首先編寫 id選擇器 + 類選擇器 + h2標(biāo)簽選擇器
在上面樣式選擇的基礎(chǔ)上哆档，再增加一個(gè)div標(biāo)簽選擇器
2019年全套Java瓜浸、Android、HTML5前端插佛、Python雇寇、大數(shù)據(jù)視頻，價(jià)值數(shù)萬資源大放送
尋找資源的地址如下：
掃描微信公眾號
尋找價(jià)值數(shù)萬的視頻資源
