關(guān)于css @import url（）總結(jié)

2024-07-11 08:44:42

字體：大中小

供稿：網(wǎng)友

今天群里無意談到了@import url（），不太常用，爭論很大。一開始是由于一個兼容問題： @import url（/css/a.css）很簡單但出現(xiàn)了兼容問題，在ff下無法調(diào)用樣式，大家都以為是@import搞的怪，但用link后問題依然出現(xiàn)。經(jīng)過一番討論原來是絕對路徑在ff下是不認(rèn)的。

對@import url（）做一下總結(jié)：
1，@import url（）機制是不同于link的，link是在加載頁面前把css加載完畢，而@import url（）則是讀取完文件后在加載，所以會出現(xiàn)一開始沒有css樣式，閃爍一下出現(xiàn)樣式后的頁面(網(wǎng)速慢的情況下)。
2，@import 是css2里面的，所以古老的ie5不支持。
3，當(dāng)使用javascript控制dom去改變樣式的時候，只能使用link標(biāo)簽，因為@import不是dom可以控制的。4，link除了能加載css外還能定義RSS，定義rel連接屬性，@import只能加載css

@import url(xxx.css); 有最大次數(shù)的限制，經(jīng)測試IE6的最大次數(shù)是31次，第32個import及以后的都不能生效，如下：

@import url(1.css);
@import url(2.css);
@import url(3.css);
@import url(4.css);
@import url(5.css);
@import url(6.css);
@import url(7.css);
@import url(8.css);
@import url(9.css);
@import url(10.css);
@import url(11.css);
@import url(12.css);
@import url(13.css);
@import url(14.css);
@import url(15.css);
@import url(16.css);
@import url(17.css);
@import url(18.css);
@import url(19.css);
@import url(20.css);
@import url(21.css);
@import url(22.css);
@import url(23.css);
@import url(24.css);
@import url(25.css);
@import url(26.css);
@import url(27.css);
@import url(28.css);
@import url(29.css);
@import url(30.css);
@import url(31.css);
@import url(32.css);
◎import url(xx.css);

body{color:#333}

雖然最多只能import 31次，但不會影響css里面的其他規(guī)則，如body{}的定義還能正常顯示。
Firefox 沒有發(fā)現(xiàn)有import的最大值。

另外，既然橫向import有最大次數(shù)限制，卻可以通過垂直import來繼續(xù)擴展。

上一篇：CSS 各種濾鏡代碼解釋用法案例

下一篇：一個非常精典的純CSS漫畫,登峰造極.