用!important解決IE和Mozilla的佈局差別

!important是CSS1定義的語法,作用是提高指定樣式規則的應用優先權。
    語法格式{ sRule!important },即寫在定義的最後面,例如:box{color:red !important;}


最重要的一點:IE一直都不支持這個語法,而其他的瀏覽器都支持。因此,就可以利用這一點來分別給IE和其他瀏覽器不同的樣式定義,例如:

.mydiv { 
    border:20px  solid #60A179 !important;
    border:20px  solid #00F;

    padding: 11px !important; 
    padding: 9px; 
    padding: 30px;
   width : 300px;
}

在Mozilla中瀏覽時候,能夠理解!important的優先級,因此border顯示#60A179的顏色,padding:11px;
在IE中瀏覽時候,不能夠理解!important的優先級,因此顯示#00F的顏色,padding:9px;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章