最近開發(fā)項目的時候因為應用了大量的CSS樣式導致某些關于樣式的優(yōu)先級出現(xiàn)了問題，于是又回過頭去翻別人的文章和W3C上關于CSS優(yōu)先權重的計算方法，關于代碼的測試，有興趣的朋友可以按照計算方式單獨編寫代碼進行測試，我這里就不寫一堆堆了，單純的從優(yōu)先權重的計算方式來辨別下CSS

關于W3C標準中的計算 是將CSS的選擇器分為四組 即 a b c d 每一個樣式的縮寫就成了 CSS{a,b,c,d} a表示內(nèi)聯(lián)樣式 b是Id選擇器 c是類元素 偽類以及其他一切非元素對象 d是元素

再確定哪條一條樣式起作用的時候 參照的第一個原則是 a>b>c>d 比較的順序就是 從左往右，可以理解為如果a 比較除了結(jié)果 就不再比較b 例如｛0，6，3，3｝和｛1，3，3，3｝總數(shù)上是第一條大 但是第二是一個內(nèi)聯(lián)樣式 所以第二條起作用 第一條無效 以此類推 相繼比較即可

除此之外還有幾條規(guī)則 即同樣的權重下 后面覆蓋前面，這也可以理解為 同一個樣式的簡寫聲明中 同一個屬性 如果你重復寫了 那么后面的將覆蓋掉前面的定義，如果有不明白或有不同看法的同學可以留言 歡迎討論！