Css的權(quán)重是指樣式的優(yōu)先級(jí)，當(dāng)有多個(gè)樣式作用于一個(gè)元素時(shí)，只有權(quán)重高的樣式對(duì)元素起作用，然而當(dāng)權(quán)重相同時(shí)，后寫(xiě)的樣式會(huì)覆蓋前面的樣式。

在設(shè)置Css中我們?nèi)绾稳ヅ袛鄼?quán)重呢？

權(quán)重值是可以計(jì)算的，我們可以通過(guò)樣式應(yīng)用方式的權(quán)重值來(lái)進(jìn)行計(jì)算。

樣式的應(yīng)用方式的權(quán)重值如下：

內(nèi)聯(lián)樣式，權(quán)重值為1000

ID選擇器，權(quán)重值為100

類(lèi)、偽類(lèi)，權(quán)重值為10

標(biāo)簽選擇器，權(quán)重為1

?

通過(guò)舉例我們可以更清楚了解權(quán)重的作用和意義

從上面代碼可以看到，我們?yōu)閐iv設(shè)置了一個(gè)內(nèi)聯(lián)樣式和標(biāo)簽選擇器，而從上面我們可以知道內(nèi)聯(lián)樣式的權(quán)重比標(biāo)簽選擇器高，我們可以知道div的樣式肯定是內(nèi)聯(lián)樣式。結(jié)果如下圖

我們知道Css權(quán)重是一個(gè)累加的過(guò)程，css樣式的會(huì)啟用權(quán)重最大那個(gè)，從上面可以我們看到我們給div 11個(gè)類(lèi)選擇器。我們通常會(huì)想到類(lèi)選擇器的權(quán)重為10，拿11個(gè)類(lèi)選擇器相加為110，然而并不是！權(quán)重是有優(yōu)先級(jí)的，無(wú)論你有多少個(gè)類(lèi)選擇器都不可能超過(guò)權(quán)重高那個(gè)樣式。權(quán)重累加時(shí)如果有進(jìn)位操作，那么這個(gè)時(shí)候的進(jìn)位操作會(huì)變成原來(lái)的值比如有10個(gè)類(lèi)選擇器 那這個(gè)時(shí)候的權(quán)重不是100而是10

最終的效果如下

如果當(dāng)我們樣式權(quán)重不夠，怎么辦呢？我們可以添加權(quán)重添加樣式，因?yàn)樵谇懊娴慕榻B中當(dāng)權(quán)重相同時(shí)，后寫(xiě)的樣式會(huì)覆蓋前面的樣式。

最后實(shí)現(xiàn)的樣式也就只有后面的css樣式了

如圖：

總結(jié)

以上是生活随笔為你收集整理的Css权重的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。