@import url( )總結:
1.import url( )機制是不同於link的,link是在加載頁面前把CSS加載完畢,而@import url( )則是讀取完文件后加載,所以會出現一開始沒有CSS樣式,閃爍一下出現樣式后的頁面(網速慢的情況下)。
2.@import是css2里面的,所以古老的ie5不支持
3.當使用javascript控制dom去改變樣式的時候,只能使用link標簽,因為@import不是dom可以控制的。
4.link除了能加載css外還能定義RSS,定義rel連接屬性,@import只能加載css
@import url(xxx.css);有最大次數的限制,經測試IE6的最大次數是31次,第32個import及以后的都不能生效,如下:
@import url(1.css);
@import url(2.css);
@import url(3.css);
......
@import url(31.css);
@import url(32.css);
◎import url(xx.css);
body{color:#333}
雖然最多只能import31次,但不會影響css里面的其他規則,如body{}的定義還能正常顯示。
Firefox沒有發現有import的最大值。
另外,既然橫向import有最大次數限制,卻可以通過垂直import來繼續擴展。