CSS權重是指用來衡量樣式優先級的一個指標,每個CSS樣式都有不同的優先級,其中最低的CSS權重為0,也就是沒有樣式的情況。
在CSS中,選擇器的不同會影響樣式的優先級,選擇器的不同會影響樣式的權重,一般來說,選擇器的優先級從高到低為:
1. !important (最高級別) 2. 行內樣式(優先級別比較高) 3. ID選擇器 4. 類選擇器 5. 屬性選擇器 6. 偽類選擇器 7. 標簽選擇器 8. 通配符選擇器 9. 繼承樣式 10. * 或者 HTML 或者 body 等選擇器(權重最低)
如果相同的元素被多個樣式匹配時,CSS權重高的樣式會覆蓋CSS權重低的樣式,此時,應該盡可能讓CSS樣式保持簡單,避免使用重復或者不必要的CSS選擇器,以避免樣式沖突的問題。
總之,CSS權重的最低級別為0,代表著沒有樣式的情況,在編寫CSS樣式時,應該盡可能的用簡單的選擇器,避免與其他規則產生沖突。
上一篇css文本框變成橢圓
下一篇css權威指南網盤