LESS:如何在不进行处理的情况下包含(连接)css文件?

时间:2013-06-10 18:55:42

标签: css less

如何包含(连接)css文件而不用更少的处理?

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

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

2 个答案:

答案 0 :(得分:1)

也许你需要更清楚你的问题,但是on the LESS site, the first line about importing states this

  

您可以导入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(我理解你)制作你不想要的分区这一事实,那么如果导入功能不正确(可能是由于一个bug?),那么也许是什么你可以做的是打开严格的数学设置。 Currently, the notes for 1.4.0 state

  

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

这会阻止14px/21px在LESS 1.4中输出font: 0.6666666666666666;

答案 1 :(得分:1)

听起来你想使用'内联'参考

@import (inline) 'file.css';

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

请参阅http://lesscss.org/features/#import-options-inline