1

如何在不被更少处理的情况下包含（连接）css文件？

我可以使用@import (less) file.css;，但它会处理不需要的 css 文件。另一方面@import (css) file.css;只是替换为@import file.css;.

为什么？因为我试图在项目主样式文件中包含和缩小 Skeleton css 文件，但 Skeleton 包含body { font: 14px/21px }的内容由 less 处理并导致字体大小不正确。

4

2 回答 2

1

也许您需要更清楚您的问题，但在 LESS 网站上，关于导入的第一行说明了这一点：

您可以导入 CSS 和 LESS 文件。仅处理 LESS 文件导入语句，CSS 文件导入语句保持原样。如果你想导入一个 CSS 文件，并且不想让 LESS 处理它，只需使用 .css 扩展名：

这意味着LESS 既不@import file.css也不@import (css) file.css（1.4.0 版本的语法）不应该被处理，因为它是一个.css文件。

现在看来您正在使用 LESS 1.4，因为您指的是@import (css) file.css. 如果是这样，除了14px/21px（据我了解）进行您不想要的划分之外，如果导入无法正常运行（可能是由于错误？），那么您可以做的就是转在严格的数学设置上。目前，1.4.0 state 的注释：

[W]e 引入了一个 strictMath 模式，其中数学需要在括号中...在 1.4.0 中，此选项已关闭，但我们打算默认打开此选项。我们建议您升级代码并打开选项（在命令行中为 —strict-math=on 或在 JavaScript 中为 strictMath: true）。用括号编写的代码向后兼容旧版本的 less 编译器。

这将阻止在14px/21pxLESS font: 0.6666666666666666;1.4 中输出。

于 2013-06-11T18:52:36.267 回答
1

听起来您想使用“内联”参考。

@import (inline) 'file.css';

这将按原样提取 css 文件内容而不对其进行处理。

见http://lesscss.org/features/#import-options-inline

于 2016-06-07T03:25:44.537 回答