這篇文章給大家分享的是有關(guān)css權(quán)重的計(jì)算方法的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

在烏當(dāng)?shù)鹊貐^(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作按需定制,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),成都全網(wǎng)營(yíng)銷推廣,成都外貿(mào)網(wǎng)站建設(shè)公司,烏當(dāng)網(wǎng)站建設(shè)費(fèi)用合理。

css權(quán)重的計(jì)算方法：首先創(chuàng)建一個(gè)HTML示例文件；然后通過(guò)“div#app.child[name="appName"] /a=1,b=2,c=1—>權(quán)重=1+100+10+10=121/”方式計(jì)算權(quán)重即可。

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

圖里是英文的，我翻譯過(guò)來(lái)分別說(shuō)一下，4個(gè)等級(jí)的定義如下：

第一等：內(nèi)聯(lián)樣式，如：style="color:red;"，權(quán)值為1000.（該方法會(huì)造成css難以管理，所以不推薦使用）

第二等：ID選擇器，如：#header，權(quán)值為0100.

第三等：類、偽類、屬性選擇器如：.bar， 權(quán)值為0010.

第四等：標(biāo)簽、偽元素選擇器，如：div ::first-line 權(quán)值為0001.

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

其他：

無(wú)條件優(yōu)先的屬性只需要在屬性后面使用!important。它會(huì)覆蓋頁(yè)面內(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/

感謝各位的閱讀！關(guān)于css權(quán)重的計(jì)算方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

網(wǎng)站題目：css權(quán)重的計(jì)算方法
瀏覽路徑：http://www.chinadenli.net/article46/joipeg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、Google、服務(wù)器托管、網(wǎng)站制作、網(wǎng)站內(nèi)鏈、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)