本篇內(nèi)容主要講解“css中優(yōu)先級(jí)的衡量標(biāo)準(zhǔn)有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“css中優(yōu)先級(jí)的衡量標(biāo)準(zhǔn)有哪些”吧!

長(zhǎng)清網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),長(zhǎng)清網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為長(zhǎng)清近1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的長(zhǎng)清做網(wǎng)站的公司定做！

一、背景

CSS有三大特性：層疊性、繼承性、優(yōu)先級(jí)。

而我們?cè)诮oCSS定義樣式的時(shí)候，經(jīng)常出現(xiàn)兩個(gè)及以上的規(guī)則應(yīng)用在同一元素上，單該元素最終在瀏覽器呈現(xiàn)的效果是應(yīng)用的哪個(gè)規(guī)則呢？這就要考慮優(yōu)先級(jí)的問題了。

CSS優(yōu)先級(jí)是由CSS權(quán)重來作為衡量標(biāo)準(zhǔn)的，權(quán)重的計(jì)算有一套計(jì)算公式，有如下規(guī)范：

使用一個(gè)4位數(shù)的字串來表示級(jí)別，從左到右，左邊的做大，往右依次遞減，且數(shù)位之間沒有進(jìn)制，級(jí)別之間不可逾越。沒有進(jìn)制的意思是:即使是10個(gè)標(biāo)簽的權(quán)重相加也不會(huì)大于類選擇器的權(quán)重，類推，十個(gè)類選擇器的權(quán)重也小于id選擇器的。

繼承或者*的貢獻(xiàn)值 0，0，0，0

每個(gè)元素（標(biāo)簽）的貢獻(xiàn)值 0，0，0，1

每個(gè)類、偽類貢獻(xiàn)值 0，0，1，0

每個(gè)ID貢獻(xiàn)值 0，1，0，0，

每個(gè)行內(nèi)式貢獻(xiàn)值 1，0，0，0

每個(gè)!important 無窮大

二、權(quán)重的計(jì)算實(shí)例

以一下代碼為例：

首先給li以下樣式：

divulli{/*該選擇器的權(quán)重是0，0，0，3*/

width:200px;

height:30px;

border:1pxsolid#000;

background-color:pink;

}

標(biāo)簽選擇器的權(quán)重

選擇器pulli是后代選擇器，三個(gè)標(biāo)簽的權(quán)重都是（0，0，0，1），因?yàn)槭峭患?jí)選擇器，權(quán)重可以相加，最后得到pulli的權(quán)重就是（0，0，0，3）。

到此，相信大家對(duì)“css中優(yōu)先級(jí)的衡量標(biāo)準(zhǔn)有哪些”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！