在進(jìn)行css布局中脂凶，經(jīng)常會(huì)使用到權(quán)重纸巷，那么權(quán)重是什么意思呢？
css的權(quán)重的順序?yàn)椋?/p>
important > 內(nèi)聯(lián) > ID > 類 > 標(biāo)簽 | 偽類 | 屬性選擇 > 偽對(duì)象 > 通配符 > 繼承
根據(jù)CSS 規(guī)范，具體性越明確的樣式規(guī)則缴川，權(quán)重值越高。
那么如何計(jì)算權(quán)重值呢描馅，下面這張圖可以說(shuō)明計(jì)算方法
上圖中我們把權(quán)重分為4個(gè)等級(jí)把夸，每個(gè)等級(jí)代表一類選擇器，每個(gè)等級(jí)的值為其所代表的選擇器的個(gè)數(shù)乘以這一等級(jí)的權(quán)值铭污，最后把所有等級(jí)的值相加得出選擇器的特殊值就是權(quán)重恋日。
4個(gè)等級(jí)的定義如下：
1.等級(jí)一：代表內(nèi)聯(lián)樣式，如: style=””嘹狞，權(quán)值為1000岂膳。
2.等級(jí)二：代表ID選擇器，如：#content刁绒，權(quán)值為100闷营。
3.等級(jí)三：代表類，偽類和屬性選擇器知市，如.content傻盟，權(quán)值為10。
4.等級(jí)四：代表類型選擇器和偽元素選擇器嫂丙，如div p娘赴，權(quán)值為1。
上圖中選擇器“ul#NAV LI.ACTIVE A”
權(quán)重計(jì)算：UL.LI,A為等級(jí)四權(quán)值為1跟啤；#NAV為等級(jí)二權(quán)值為100诽表；I.ACTIVE為等級(jí)三權(quán)值為10，加在一起為113隅肥。
下面我們來(lái)看一下竿奏，權(quán)重的使用
這里我們做了一個(gè)類似京東的導(dǎo)航條，在手機(jī)京東這個(gè)導(dǎo)航條里腥放，放了一個(gè)圖片
設(shè)置手機(jī)京東的html代碼為
在插入圖片之前泛啸，要設(shè)置li的左右邊距
css代碼如下：
.tel-jd{
padding: 0 25px;
background: url();
}
運(yùn)行之后，效果如下秃症，并沒(méi)有設(shè)置邊距
當(dāng)我們將代碼修改如下
.shortcut .tel-jd{
/*上右下左,把左側(cè)整大點(diǎn)*/
padding: 0 20px 0 25px;
position: relative;
}
.shortcut是.tel-jd的祖先元素
運(yùn)行之后
這就是權(quán)重使用的必要性候址。
