建站
咨詢
售后
建站咨詢
新聞中心
css的優(yōu)先級是什么,權(quán)重如何計(jì)算
（1） 優(yōu)先級就近原則，同權(quán)重以最近者為準(zhǔn) 載入樣式以最后載入的樣式為準(zhǔn)；
10多年專注成都網(wǎng)站制作，成都定制網(wǎng)站，個(gè)人網(wǎng)站制作服務(wù)，為大家分享網(wǎng)站制作知識(shí)、方案，網(wǎng)站設(shè)計(jì)流程、步驟,成功服務(wù)上千家企業(yè)。為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù),專注于成都定制網(wǎng)站,高端網(wǎng)頁制作,對VR全景等多個(gè)行業(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個(gè)等級，每個(gè)等級以10為基數(shù)分別是
內(nèi)聯(lián)樣式（或行內(nèi)樣式）a=1
b = ID選擇器個(gè)數(shù)
c = 類、偽類和屬性選擇器的個(gè)數(shù)
d = 元素選擇器和偽元素選擇器的個(gè)數(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)。（放在后面的會(huì)把放在前面的樣式覆蓋掉,覆蓋的只是相同屬性的樣式，不同屬性的樣式會(huì)繼續(xù)執(zhí)行。）
!important - 當(dāng)前聲明具有最高權(quán)重！
語法：background:red!important;
id選擇器class選擇器標(biāo)簽選擇器通配選擇器
CSS權(quán)重是如何分配的
CSS權(quán)重是由四個(gè)數(shù)值決定，看一張圖比較好解釋：
圖里是英文的，我翻譯過來分別說一下，4個(gè)等級的定義如下：
第一等：代表內(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)重算出來了，但是某個(gè)元素到底用哪個(gè)樣式，還有3個(gè)規(guī)則,：
1，如果樣式上加有!important標(biāo)記，例如：
p{?color:?gray?!important}
那么始終采用這個(gè)標(biāo)記的樣式。
2，匹配的內(nèi)容按照CSS權(quán)重排序，權(quán)重大的優(yōu)先；
可以看到，CSS權(quán)重只是決定應(yīng)用哪個(gè)樣式的其中一個(gè)步驟，不過這個(gè)步驟是最復(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)先級，有兩條或多條樣式作用于一個(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
網(wǎng)站題目：css引入樣式的權(quán)重,css樣式權(quán)重的計(jì)算
本文URL：http://fisionsoft.com.cn/article/dsidcdj.html
