本博文介紹CSS三大特性之一：優先級，
1 規則
（1）若選擇器相同，則執行層疊性（層疊性：給相同的選擇器設定相同的樣式，則“后來居上”，后面設定的樣式會覆寫前面設定的樣式）；
（2）若選擇器不同，則有優先級，
2 選擇器權重
常見的選擇器權重如下表：
| 選擇器 | 權重 |
| 繼承或者*（通配符） | 0,0,0,0 |
| 標簽選擇器 | 0,0,0,1 |
| 類選擇器，偽類選擇器 | 0,0,1,0 |
| id選擇器 | 0,1,0,0 |
| 行內樣式（style=""） | 1,0,0,0 |
| !important | 無窮大 |
對選擇器權重的說明如下：
（1）權重是由4組數字組成，沒有進位；
（2）比較權重大小：從左邊第一個數字開始比較，直到第四個數字；
（3）繼承的權重是0，如果該元素沒有被直接選中，不管父元素權重多高，子元素得到的權重都是0；
（4）權重疊加：如果是復合選擇器，則會有權重疊加，需要計算權重，權重疊加計算方法：將組成復合選擇器的基礎選擇器的權重相加（4組數字分別相加），即得到新權重，
權重疊加示例：
| 選擇器 | 權重 | 說明 |
| div u li | 0,0,0,3 | 3個標簽選擇器（0,0,0,1） |
| .nav ul li | 0,0,1,2 | 1個類選擇器（0,0,1,0）+2個標簽選擇器（0,0,0,1） |
| a:hover | 0,0,1,1 | 1個標簽選擇器（0,0,0,1）+1個偽類選擇器（0,0,1,0） |
| .nav a | 0,0,1,1 | 1個類選擇器（0,0,1,0）+1個標簽選擇器（0,0,0,1） |
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/548983.html
標籤：其他
上一篇：CSS選擇器優先級（CSS三大特性：層疊性、繼承性、優先級）
下一篇：用三種方式實作簡易及計算器