CSS選擇器是編寫CSS代碼時的一個核心概念,選擇器定義了相應的樣式將會影響到文檔中的哪些部分,如下是本身在學習及工做過程當中對CSS選擇器的一些總結,但願能幫助到有須要的新手同窗,同時也幫助本身鞏固基礎,加深記憶。學習
樣式選擇器權重優先級以下:spa
important的權重爲 1, 0, 0, 0排序
ID選擇器的權重爲 0, 1, 0, 0繼承
類選擇器的權重爲 0, 0, 1, 0圖片
僞類選擇器的權重爲 0, 0, 1, 0文檔
屬性選擇器的權重爲 0, 0, 1, 0it
標籤選擇器的權重爲 0, 0, 0, 1class
僞元素選擇器的權重爲 0, 0, 0, 1import
通配符的權重爲 0, 0, 0, 0基礎
綜合上述權重優先級來看,正確的優先級排序應該是:
important > 內聯樣式 > ID > 類 | 僞類 | 屬性選擇 > 標籤 | 僞元素 > 繼承 > 通配符