方案一: 在HTML文檔中使用條件導入,如在HEAD中插入如下代碼:
復制代碼代碼如下:
<!--[if IE 6]>
<link rel="stylesheet" href="ie.css" type="text/css" />
<![endif]-->
<!--[if IE]>
<link type="text/css" media="screen" rel="stylesheet" href="js/colorbox-custom-ie.css" title="Cleanity" />
<![endif]-->
方案二: 在CSS文檔的開頭使用條件導入,如下的代碼所示:
復制代碼代碼如下:
[if SafMob]
@import('iphone.css');
[if ! SafMob]
@import('non-iphone.css');
浏覽器加載css的順序:
1.加載url指定的html頁面
2.解析html
3.遠程獲取link標簽引用的css文件
4.加載執行獲取的css文件,遇到@import url("xx.css")這樣代碼,就會遠程獲取xx.css
5.加載執行xx.css
通過 @import 最多可以導入31個CSS文件,由於每一次遠程獲取css文件都會產生http鏈接,比較耗時間,所以,最好盡量少用@import。31個,估計沒有哪個項目會用這麼多。