css權重等級

一、問題原由（在一次偶然編寫css發現的，.div2 p>.div1 p>.p1，而後作了測試並找查相關資料）

 

 

二、解決方案

　　首先看哪一級的權重高

　　一、!important，加在樣式屬性值後，權重值爲 10000
　　二、內聯樣式，如：style=」」，權重值爲1000
　　三、ID選擇器，如：#content，權重值爲100
　　四、類，僞類和屬性選擇器，如： content、:hover 權重值爲10
　　五、標籤選擇器和僞元素選擇器，如：div、p、:before 權重值爲1
　　六、通用選擇器（*）、子選擇器（>）、相鄰選擇器（+）、同胞選擇器（~）、權重值爲0

　　因此.div1 p的權重值爲10+1=11，.div2 p的權重值爲10+1=11，.p1的權重值爲10

　　第二看哪個離p標籤的距離近

　　.p1>.div2 p>.div1 p

　　因此根據上述分析    .div2 p>.div1 p>.p1