繼續探究HTML與CSS:!important 和 @import 規則


!important:

摘自:http://phpbegin.com/html/23/n-8123.html

瀏覽器支持情況:
firefox支持
IE不支持

!important是CSS1就定義的語法,作用是提高指定樣式規則的應用優先權,語法格式{ sRule!important },即寫在定義的最后面,並且在分號之前,比如:

{font-color: red !important;}

由於IE並不支持該語法,所以我們可以利用這一點解決部分CSS的瀏覽器兼容問題。

在頁面設計中,需要將布局定義相關部分改為:{margin-right: -2px !important   margin-right: 0px;},這樣Firefox仍然使用前一部分的margin定義,而IE則使用后一部分margin定義,立即試用,果然在IE下瀏覽正常了。

總結
由於css是采用越接近越優先的原則,同一個定義,比如{margin: 2px;margin: 0px;},在IE和firefox中就會解釋成{margin: 0px;};而使用了!important之后,!important對firefox有效,對IE無效,故{margin: 2px !important;   margin: 0px;},在firefox中解釋為{margin:2px;},在IE中解釋為{margin:2px;}

!important用來讓firefox支持前面的定義,忽略后面的定義

!important對IE無效,IE依然會采用后面的定義,即后面的定義有效,前面的無效。

 

@import 

使用 @import  url("CSS路徑") 媒體類型列表(可選)  導入外部CSS樣式表

如:

h1{ color: red ;}

h2{ font-family: sans-serif ;}

@import "sitewide.css" ;

/* sitewide.css */

h1,h2,h3{ color: green ;}

body{ background-color : silver ;}

拓展:

@import CSS影響網頁性能 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM