如何包含(连接)css文件而不用更少的处理?
我可以使用@import (less) file.css;
但它处理不需要的css文件。另一方面,@import (css) file.css;
仅替换为@import file.css;
。
为什么呢?因为我试图在项目主样式文件中包含和缩小Skeleton css文件,但是Skeleton包含body { font: 14px/21px }
,它由less处理并导致字体大小不正确。
答案 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文件内容而不进行处理。