CSS選擇器總結(分類、優先級)

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 > 類 | 僞類 | 屬性選擇 > 標籤 | 僞元素 > 繼承 > 通配符

相關文章
相關標籤/搜索