css引入樣式的權(quán)重,css樣式權(quán)重的計(jì)算

css的優(yōu)先級是什么,權(quán)重如何計(jì)算

（1）優(yōu)先級就近原則，同權(quán)重以最近者為準(zhǔn) 載入樣式以最后載入的樣式為準(zhǔn)；

10多年專注成都網(wǎng)站制作，成都定制網(wǎng)站，個人網(wǎng)站制作服務(wù)，為大家分享網(wǎng)站制作知識、方案，網(wǎng)站設(shè)計(jì)流程、步驟,成功服務(wù)上千家企業(yè)。為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù),專注于成都定制網(wǎng)站,高端網(wǎng)頁制作,對VR全景等多個行業(yè)，擁有豐富的營銷推廣經(jīng)驗(yàn)。

同權(quán)重下：內(nèi)聯(lián)樣式表（標(biāo)簽內(nèi)部）嵌入樣式表（當(dāng)前文件）外部樣式表（外部文件）

！import id class tag

Import比內(nèi)聯(lián)樣式優(yōu)先級高

層疊重要度次序：

帶有important的用戶樣式

帶有important的作者樣式

作者樣式

用戶樣式

瀏覽器/用戶代理應(yīng)用的樣式

（2）權(quán)重分為a b c d ，4個等級，每個等級以10為基數(shù)分別是

內(nèi)聯(lián)樣式（或行內(nèi)樣式）a=1

b = ID選擇器個數(shù)

c = 類、偽類和屬性選擇器的個數(shù)

d = 元素選擇器和偽元素選擇器的個數(shù)

css權(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

css中權(quán)重關(guān)系是怎樣的？

css樣式表的權(quán)重關(guān)系：

內(nèi)聯(lián)樣式表的權(quán)重最大！

內(nèi)部和外部樣式的權(quán)重，和書寫的前后順序有關(guān)。（放在后面的會把放在前面的樣式覆蓋掉,覆蓋的只是相同屬性的樣式，不同屬性的樣式會繼續(xù)執(zhí)行。）

!important - 當(dāng)前聲明具有最高權(quán)重！

語法：background:red!important;

id選擇器class選擇器標(biāo)簽選擇器通配選擇器

CSS權(quán)重是如何分配的

CSS權(quán)重是由四個數(shù)值決定，看一張圖比較好解釋：

圖里是英文的，我翻譯過來分別說一下，4個等級的定義如下：

第一等：代表內(nèi)聯(lián)樣式，如: style=””，權(quán)值為1000。

第二等：代表ID選擇器，如：#content，權(quán)值為100。

第三等：代表類，偽類和屬性選擇器，如.content，權(quán)值為10。

第四等：代表類型選擇器和偽元素選擇器，如div p，權(quán)值為1。

最后把這些值加起來，再就是當(dāng)前元素的權(quán)重了。

權(quán)重算出來了，但是某個元素到底用哪個樣式，還有3個規(guī)則,：

1，如果樣式上加有!important標(biāo)記，例如：

p{?color:?gray?!important}

那么始終采用這個標(biāo)記的樣式。

2，匹配的內(nèi)容按照CSS權(quán)重排序，權(quán)重大的優(yōu)先；

可以看到，CSS權(quán)重只是決定應(yīng)用哪個樣式的其中一個步驟，不過這個步驟是最復(fù)雜的，上面已經(jīng)說過了。

3，如果權(quán)重也一樣，按照它在CSS樣式表里聲明的順序，后聲明的優(yōu)先，例如：

h1?{color:?blue}

h1?{color:?red}

最終勝出的是color: red。

CSS 選擇器權(quán)重計(jì)算規(guī)則

權(quán)重計(jì)算規(guī)則

1.第一等：代表內(nèi)聯(lián)樣式，如: style=””，權(quán)值為1000。

2.第二等：代表ID選擇器，如：#content，權(quán)值為0100。

3.第三等：代表類，偽類和屬性選擇器，如.content，權(quán)值為0010。

4.第四等：代表類型選擇器和偽元素選擇器，如div p，權(quán)值為0001。

5.通配符、子選擇器、相鄰選擇器等的。如*、、+,權(quán)值為0000。

6.繼承的樣式?jīng)]有權(quán)值。

例外：!important 的作用是提升優(yōu)先級，換句話說。加了這句的樣式的優(yōu)先級是最高的（比內(nèi)聯(lián)樣式的優(yōu)先級還高)。

前端進(jìn)階：CSS權(quán)重知多少

CSS權(quán)重

CSS權(quán)重指的是樣式的優(yōu)先級，有兩條或多條樣式作用于一個元素，權(quán)重高的那條樣式對元素起作用,權(quán)重相同的，后寫的樣式會覆蓋前面寫的樣式。

權(quán)重的等級

可以把樣式的應(yīng)用方式分為幾個等級，按照等級來計(jì)算權(quán)重