我的网站上@import不起作用

Question

在HTML5文档中，您可以通过以下方式来列出多个CSS样式表：

<link rel="stylesheet" href="../css/global.css">

以上代码应该在HTML的字符集行之后，位于顶部，而global.css包含以下内容（除此之外没有其他内容）：

@import url(normalize.css);
@import url(ccsda.css);
@import url(print.css);

但是当我这样做时，浏览器无法识别我的 CSS，而当单独列出样式表时它可以正常工作。我尝试在 @import 命令中使用带引号和不带引号的样式表名称，但结果都失败了。请问我做错了什么？感谢您提供的任何帮助。

- collegechurch

---

在编程中，将双引号放在文件名前面和结尾，例如@import url("normalize.css"); 或者只需导入 "normalize.css"; - Hendra Nucleo

https://developer.mozilla.org/en-US/docs/Web/CSS/@import - wf4

我已经尝试了这两种方法，但仍然无法正常工作。有什么想法吗？在@import命令之前需要在global.css中添加一些内容吗？可能是字符集的问题吗？ - collegechurch

一个容易出现的问题是，由于wf4的原因，“这些规则必须在所有其他类型的规则之前，除了@charset规则之外”。 - Setyl

谢谢，Setyl，即使这个请求很旧（2014年），我也会研究一下。 - collegechurch

Answer 1

将网址用引号括起来：

@import url("normalize.css");
@import url("ccsda.css");
@import url("print.css");

或者

@import "normalize.css";
@import "ccsda.css";
@import "print.css";

- ElGavilan

---

我尝试使用引号，但没有任何区别。有什么建议吗？ - collegechurch