相关阅读:
@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 同样是正确的,因为它是一个新的嵌入样式表的开始。