CSS選擇器優先級與權重

選擇器類別 權重 優先級
!important 1,0,0,0,0 最高,全局性
元素內樣式style 1,0,0,0 1
id選擇器 0,1,0,0 2
類/屬性/偽類 0,0,1,0 3
元素/偽元素 0,0,0,1 4
通配選擇器* 0,0,0,0 5

!important是用來使IE6和IE7、IE8、火狐(Firefox)、google等瀏覽器做兼容的,但IE6不能執行!important。
在使用!important時需要注意:

  • Never 永遠不要在全站范圍的 css 上使用 !important
  • Only 只在需要覆蓋全站或外部 css(例如引用的 ExtJs 或者YUI )的特定頁面中使用 !important
  • Never 永遠不要在你的插件中使用 !important
  • Always 要優化考慮使用樣式規則的優先級來解決問題而不是 !important

參考:CSS選擇器優先級及!important屬性

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,786評論 1 92
  • 當初并不明白為什么要學css優先級。感覺只要效果實現了就行。撐死了我寫的css執行效率不高。但是當我去改別人的cs...
    清水蘆葦閱讀 311評論 0 1
  • 一、CSS選擇器 關于CSS選擇器,首先請看這里:CSS 選擇器參考手冊 通過以上,我們可以將CSS選擇器分為以下...
    fehysunny閱讀 2,262評論 0 2
  • 前端開發面試知識點大綱: HTML&CSS: 對Web標準的理解、瀏覽器內核差異、兼容性、hack、CSS基本功:...
    秀才JaneBook閱讀 2,431評論 0 25
  • 概念 瀏覽器通過優先級來判斷哪一些屬性值與一個元素最為相關,從而在該元素上應用這些屬性值。優先級基于由各種選擇器組...
    hcxowe閱讀 439評論 0 1