99 初學前端小白對於css權重的錯誤理解

@99%初學前端小白對於css權重的錯誤理解

我在剛開始學習css選擇器的時候，很多老師提到了權重這個概論。也就是 id 選擇器權值為 100，類選擇器權值為 10，標籤選擇器權值為 1，當乙個選擇器由多個 id 選擇器、類選擇器或標籤選擇器組成時，則將所有權值相加，然後再比較權值。但是，這個說法實際上是錯誤的！！！

我在查閱了相關資料後發現，權重的進製是並不是十進位制，css 權重進製在 ie6 為 256，後來擴大到了 65536，現代瀏覽器則採用更大的數量。舉個栗子，比如乙個由 11 個類選擇器組成的選擇器和乙個由 1 個 id 選擇器組成的選擇器指向同乙個標籤，按理說 110 > 100，應該應用前者的樣式，然而事實是應用後者的樣式。11 個類選擇器組成的選擇器的總權值為 110，但因為 11 個均為類選擇器，所以其實總權值最多不能超過 100，你可以理解為 99.99，所以最終應用後者樣式。