1. 為什么存在標簽權重
答: 一個html標簽同時對應用多個css樣式，需要使用權重算法解決沖突。
2. 權重計算公式

特別注意:

權重沒有進位，級別不可逾越
如 div div div{} 權重為 0,0,0,1+0,0,0,1+0,0,0,1=0,0,0,3

繼承的權重為0

3.判斷最終生效css方法

首先判斷css選擇器有沒有被選中指定元素

選中 比較選中的幾個css的權重大小 選最大的

未選 繼承樣式權重為0

4. 通過權重判斷最終生效css練習

答: 1. 除#father 沒有選中p標簽，雖然father !important ，但p繼承#father為0，直接排除
2. 上面3個css都選中了p標簽，就看他們各自的權重
#father #son權重 0,1,0,0+0,1,0,0=0,2,0,0
#father p.c2權重 0,1,0,0+0,0,0,1+0,0,1,0=0,1,1,1
div.c1 p.c2權重 0,0,0,1+0,0,1,0+0,0,0,1+0,0,1,0=0.0.2.2
比較:
#father #son權重最高
最終p字體顏色為blue.

答案: yellow
解析: 雖然 div #box3,#box1 div都選中了元素div 權重也相等為 0,1,0,1但是#box1 div{}更后面 所以使用后者。

答案: blue;

答案: blue;

答案: blue;
解析: p 繼承#father 的權重為0 低于p的0,0,0,1;

總結

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

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