這篇文章主要介紹了css權(quán)重是怎么計(jì)算的,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)是一家專注于網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),龍崗網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:龍崗等地區(qū)。龍崗做網(wǎng)站價(jià)格咨詢:13518219792css權(quán)重如何計(jì)算?
CSS權(quán)重是由四個(gè)數(shù)值決定,看一張圖比較好解釋:
圖里是英文的,我翻譯過來分別說一下,4個(gè)等級(jí)的定義如下:
第一等:內(nèi)聯(lián)樣式,如:,權(quán)值為1000.(該方法會(huì)造成css難以管理,所以不推薦使用)
第二等:ID選擇器,如:#header,權(quán)值為0100.
第三等:類、偽類、屬性選擇器如:.bar,權(quán)值為0010.
第四等:標(biāo)簽、偽元素選擇器,如:div::first-line權(quán)值為0001.
最后把這些值加起來,再就是當(dāng)前元素的權(quán)重了。
其他:
無條件優(yōu)先的屬性只需要在屬性后面使用!important。它會(huì)覆蓋頁面內(nèi)任何位置定義的元素樣式。(ie6支持上有些bug)。
通配符,子選擇器,相鄰選擇器等。如*,>,+,權(quán)值為0000.
繼承的樣式?jīng)]有權(quán)值。
CSS權(quán)重計(jì)算方式
計(jì)算選擇符中的ID選擇器的數(shù)量(=a)
計(jì)算選擇符中類、屬性和偽類選擇器的數(shù)量(=b)
計(jì)算選擇符中標(biāo)簽和偽元素選擇器的數(shù)量(=c)
忽略全局選擇器
在分別計(jì)算a、b、c的值后,按順序連接abc三個(gè)數(shù)字組成一個(gè)新的數(shù)字,改值即為所計(jì)算的選擇符的權(quán)重。如果兩個(gè)選擇符的計(jì)算權(quán)重值相同,則采取“就近原則”。
示例:
div#app.child[name="appName"]/a=1,b=2,c=1—>權(quán)重=1+100+10+10=121/
實(shí)際中,最后到底加載的是那一條樣式,是一個(gè)相對(duì)復(fù)雜的問題,就簡(jiǎn)單而言就與引入順序有關(guān)。本文只是最基礎(chǔ)的那部分。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“css權(quán)重是怎么計(jì)算的”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,,關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來學(xué)習(xí)!