LessCss 和 css 导入
我正在尝试将 LessCSS（版本 1.0.41）与 Blueprint 集成，但似乎无法在 less 样式表中导入 css 文件。所以我尝试了更简单的导入：
。红色的 { 颜色: 红色; }
并将其放入 test.css 中。然后，在 less_test.css 中：
@import“test.css”：
.test { 。红色的; 背景颜色：粉色； }
但 LessCSS 抱怨 .red 没有定义。我缺少什么？ 如果我在 test.less 中重命名 test.css （并将其导入为“test”），一切都会正常运行。但是更改蓝图文件扩展名并将其用作 screen.less、print.less 和 ie.less 是否安全？
I'm trying to integrate LessCSS (version 1.0.41) with Blueprint but it seems that I can't import css files in my less stylesheet. So I tried a simpler import:
.red {
color: red;
}
and put it in test.css. Then, in less_test.css:
@import "test.css":
.test {
.red;
background-color: pink;
}
But LessCSS complains that .red is not defined. What am I missing?
If I rename test.css in test.less (and import it as "test") everything runs fine. But would it be safe to change blueprint files extension and use it as screen.less, print.less and ie.less?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
这意味着任何有效的 CSS 文件也是有效的 LESS 文件，因此您可以安全地将
.css文件重命名为.less并且不会出现任何问题。[1] http://lesscss.org/#docs
Which means that any valid CSS file is also valid LESS file, so you can safely rename your
.cssfiles to.lessand you shouldn't have any problems.[1] http://lesscss.org/#docs
过去我也遇到过同样的问题。事实证明这是一个简单的修复。
我试图使用 @import 加载 BlueprintCSS screen.css 文件，我在 screen.css 文件中做了一个内联注释，并将 /**/ 留在大括号之间。
错误的代码：
事实证明，大括号内的注释会导致LessCSS编译器崩溃并停止处理文件..遗漏了其他需要的选择器来用作mixins。
我会看看您正在导入的文件是否导致错误并且未完成编译。
In the past I had the same problem. It turned out to be a simple fix.
I was attempting to use @import to load the BlueprintCSS screen.css file, I had made one inline comment in the screen.css file and left the /**/ in between to curly braces.
Bad code:
It turned out that the comment inside of the curly braces causes the LessCSS compiler to freak out and stop processing the file .. leaving out the other needed selectors to use as mixins.
I would see if the file you are importing is causing an error and not finishing the compile.