CSS權重是一種用于確定CSS規則優先級的機制。它可以讓瀏覽器知道該如何應用規則,如果存在多個規則,則應該采用哪一個規則。
權重分配方式如下:
樣式規則 權重值 ------------------------------------------------------------ 內聯樣式(style="") 1000 id選擇器(#) 100 類選擇器、屬性選擇器、偽類選擇器(:hover)、相鄰選擇器、子選擇器 10 元素和偽元素選擇器 1
權重值越高,規則優先級越高。在計算權重值時,只需要把各種選擇器中的權重值相加即可。
例如:
#header span.title { color: red; }
該CSS規則包含了id選擇器和元素選擇器,因此權重值為100 + 1 = 101,優先級高于只包含元素選擇器的規則。
當存在多個規則時,應用的規則將使用最高優先級的規則。如果兩個規則的權重相同,則最后一個規則將被應用。