无论出于什么原因，@import对我来说都不起作用，但它真的没有必要，是吗？

下面是我在html中所做的：

  <link rel="stylesheet" media="print" href="myap-print.css">
  <link rel="stylesheet" media="print" href="myap-screen.css">
  <link rel="stylesheet" media="screen" href="myap-screen.css">

注意，media=“print”有两个样式表：myap-print.css和myap-screen.css。这与在myap-pprint.css中包含myap-screen.css的效果相同。

在某些情况下，使用@import“file.css”是可能的，大多数现代浏览器都应该支持这一点，但像NN4这样的旧浏览器会稍微有些疯狂。

注意：import语句必须在文件中的所有其他声明之前，并在生产中使用它之前在所有目标浏览器上测试它。

对可以将CSS文件导入另一个CSS文件。

它必须是使用@import规则的样式表中的第一个规则。

@import "mystyle.css";
@import url("mystyle.css");

唯一需要注意的是，较旧的web浏览器将不支持它。事实上，这是从较旧的浏览器隐藏CSS样式的CSS“黑客”之一。

有关浏览器支持，请参阅此列表。

我偶然发现了这一点，我只是想说，请不要在CSS中使用@IMPORT！！！！import语句被发送到客户端，客户端执行另一个请求。如果您想在不同的文件之间划分CSS，请使用Less。在Less中，import语句发生在服务器上，输出被缓存，并且不会通过强制客户端建立另一个连接而造成性能损失。Sass也是一个选项，我没有探索过。坦率地说，如果你没有使用Less或Sass，那么你应该开始。http://willseitz-code.blogspot.com/2013/01/using-less-to-manage-css-files.html

我已经创建了main.css文件，并在其中包含了所有css文件。

我们只能包含一个main.css文件

@import url('style.css');
@import url('platforms.css');

使用CSS@import规则在这里

@import url('/css/header.css') screen;
@import url('/css/content.css') screen;
@import url('/css/sidebar.css') screen;
@import url('/css/print.css') print;