處理css層疊性問題，經常使用css權重。下面總結了一些css計算權重步驟。
1.首先看是否選中。若選中了，就以（id的數目，類的數目，標籤的數目）來計算權重。以權重大的為準。
2.若沒有選中，則權重為0。此時採用「就近原則」。
例如：
（1）選中的例子：
權重問題title>
type="text/css">
#box1
.b2p
divdiv#box3
p div
.b1div
.b2div
.b3p
style>
head>
id="box1"
class="b1">
id="box2"
class="b2">
id="box3"
class="b3">
權重計算p>
div>
div>
div>
body>
html>
根據比較權重大小，此處應該是顯示藍色字。如下截圖：
（2）未選中的例子：
權重問題title>
type="text/css">
divp
#box
style>
head>
id="box">
id="p1"
class="sp1">
權重問題2span>
p>
div>
body>
html>
未選中時，權重為0，此時採用就近原則。因為p標籤距離span標籤更近，故文字顯示紅色。
（3）選中與未選中混合：
因未選中權重為0，選中的權重始終比未選中的權重大，故此時以權重大的為準。
注意：可以使用「!important」來提高屬性的權重，標記了「!important」的屬性的權重是最大的。
使用「!important」注意事項：
（1）「!important」提公升的是乙個屬性，而不是乙個選擇器；
（2）「!important」不能提公升繼承的屬性；
（3）「!important」不影響「就近原則」。
實際開發中一般不使用「!important」！
css選擇器的權重計算
其實，css有自己的優先順序計算公式，而不僅僅是行間 內部 外部樣式 id class 元素。一 樣式型別 1 行間 2 內聯 3 外部 二 選擇器型別 1 id id 2 class class 3 標籤 p 4 通用 5 屬性 type text 6 偽類 hover 7 偽元素 first l...
CSS 選擇器 權重值計算
吠犬不咬人 愛叫的狗很少咬人 善吠的狗很少咬人 今天給大家分享乙個選擇器的一些知識 important 1000 內聯樣式 1000 id選擇器 100 類，偽類 10 元素選擇器 1 選擇器 0 繼承的樣式 無 規則 1.權值一樣，就近原則，遇到上面那個第2個問題的話，就是群組選擇器，各算個的。2...
CSS選擇器權重計算
css各種選擇器的權重 1.id選擇器 100 2.類 屬性 偽類選擇器 10 3.元素 偽元素選擇器 1 4.其他選擇器 0 如果有兩個css樣式都作用於某元素，如 id link a href id 100 link 10 a 1 href 0 111 id link.active id 100...