§ ITPOW >> 文档 >> CSS

@import 应该写在样式表第一行

作者:vkvi 来源:ITPOW(原创) 日期:2007-5-8

相关阅读:


@import 用以输入一个样式表文件。我们应该将其写在第一行,否则在 Firefox 浏览器中,就无法实现输入。

关于“写在第一行”,解释如下:

1、忽略空行。

2、忽略注释行。

3、可以连续使用多个 @import,而这些 @import 不必位于同一行。

4、指单个样式表文件的行或单个嵌入样式表内容的行。比如:

<link type="text/css" rel="stylesheet" href="style/c1.css" />
<link type="text/css" rel="stylesheet" href="style/c2.css" />

c2.css 中的第一行写 @import 是正确的,不会因为 c2.css 位于 c1.css 而发生错误。

再如:

<style type="text/css">
body
{
    background-color:#FFFFFF;
    font-color:#000000;
}
</style>
<style type="text/css">
@import url(http://.../common.css);
@import url(http://.../index.css);
</style>

这里 @import 同样是正确的,因为它是一个新的嵌入样式表的开始。

相关文章