导入带有媒体查询的css文件答案

【问题标题】：import css file with media queries inside导入带有媒体查询的css文件
【发布时间】：2015-11-17 16:52:54
【问题描述】：

我想知道是否可以将包含媒体查询的 css 文件导入另一个 css 文件。

怎么做？

@import url("style.css") (最小宽度: 940px);

我已经试过了。但我不想导入像媒体查询这样的样式。我想导入具有内部媒体查询的样式。

谢谢

【问题讨论】：

如果您正在考虑导入样式表，您应该使用预处理器，例如 SASS。我建议你调查一下。这样您仍然可以生成一个负载较轻的样式表，但您仍然可以在单独的文件中为自己保留一个概览。
或者，你想做什么 @import 不做？
感谢 timo，我现在正在使用 LESS（我从 LESS 开始）。使用 LESS 可以做到这一点。
感谢李斯特先生，但使用 @import 我无法导入包含媒体查询的 CSS 文件。或者我不知道
@user2978441 不确定，不太了解 LESS。但从文档来看，它应该与在 SASS 上导入相同。 You can import a .less file, and all the variables in it will be available. The extension is optionally specified for .less files.

【解决方案1】：

您可以像这样使用媒体查询导入 css：

@import url("style.css") (min-width: 940px);

可能也值得研究一下 SASS，这样您就不必使用大量样式表，并且可以拥有一个只包含您需要的样式表。

【讨论】：