Css的權重是指樣式的優先級，當有多個樣式作用于一個元素時，只有權重高的樣式對元素起作用，然而當權重相同時，后寫的樣式會覆蓋前面的樣式。

在設置Css中我們如何去判斷權重呢？

權重值是可以計算的，我們可以通過樣式應用方式的權重值來進行計算。

樣式的應用方式的權重值如下：

內聯樣式，權重值為1000

ID選擇器，權重值為100

類、偽類，權重值為10

標簽選擇器，權重為1

?

通過舉例我們可以更清楚了解權重的作用和意義

從上面代碼可以看到，我們為div設置了一個內聯樣式和標簽選擇器，而從上面我們可以知道內聯樣式的權重比標簽選擇器高，我們可以知道div的樣式肯定是內聯樣式。結果如下圖

我們知道Css權重是一個累加的過程，css樣式的會啟用權重最大那個，從上面可以我們看到我們給div 11個類選擇器。我們通常會想到類選擇器的權重為10，拿11個類選擇器相加為110，然而并不是！權重是有優先級的，無論你有多少個類選擇器都不可能超過權重高那個樣式。權重累加時如果有進位操作，那么這個時候的進位操作會變成原來的值比如有10個類選擇器 那這個時候的權重不是100而是10

最終的效果如下

如果當我們樣式權重不夠，怎么辦呢？我們可以添加權重添加樣式，因為在前面的介紹中當權重相同時，后寫的樣式會覆蓋前面的樣式。

最后實現的樣式也就只有后面的css樣式了

如圖：

總結

以上是生活随笔為你收集整理的Css权重的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。