溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章給大家分享的是有關CSS2中如何從優先權重的計算方式來辨別下CSS，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
最近開發項目的時候因為應用了大量的CSS樣式導致某些關于樣式的優先級出現了問題，于是又回過頭去翻別人的文章和W3C上關于CSS優先權重的計算方法，關于代碼的測試，有興趣的朋友可以按照計算方式單獨編寫代碼進行測試，我這里就不寫一堆堆了，單純的從優先權重的計算方式來辨別下CSS
關于W3C標準中的計算 是將CSS的選擇器分為四組 即 a b c d 每一個樣式的縮寫就成了 CSS{a,b,c,d} a表示內聯樣式 b是Id選擇器 c是類元素 偽類以及其他一切非元素對象 d是元素
再確定哪條一條樣式起作用的時候 參照的第一個原則是 a>b>c>d 比較的順序就是 從左往右，可以理解為如果a 比較除了結果 就不再比較b 例如｛0，6，3，3｝和｛1，3，3，3｝總數上是第一條大 但是第二是一個內聯樣式 所以第二條起作用 第一條無效 以此類推 相繼比較即可
除此之外還有幾條規則 即同樣的權重下 后面覆蓋前面，這也可以理解為 同一個樣式的簡寫聲明中 同一個屬性 如果你重復寫了 那么后面的將覆蓋掉前面的定義，如果有不明白或有不同看法的同學可以留言 歡迎討論！
以上就是CSS2中如何從優先權重的計算方式來辨別下CSS，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
