Javascript LessCss和css导入

我试图将LessCSS（版本1.0.41）与Blueprint集成，但似乎无法在我的样式表中导入css文件。所以我尝试了一个更简单的导入：

瑞德先生{
颜色：红色；
}

并将其放在test.css中。然后，在less_test.css中：

@导入“test.css”：

.测试{
红色
背景颜色：粉红色；
}

但LessCSS抱怨说，红色没有定义。我错过了什么？ 如果我在test.less中重命名test.css（并将其导入为“test”），一切都会正常运行。但更改blueprint文件扩展名并将其用作screen.less、print.less和ie.less安全吗

作为CSS的扩展，LESS不仅向后兼容CSS，而且它添加的额外功能使用现有的CSS语法。[1]

这意味着任何有效的CSS文件都是有效的LESS文件，因此您可以安全地将

.CSS

文件重命名为

.LESS

，并且不会出现任何问题

---

[1] 过去我也有同样的问题。结果证明这是一个简单的解决方案

我试图使用@import加载BlueprintCSS screen.css文件，我在screen.css文件中做了一条内联注释，并将中间的/**/放在大括号中

错误代码：

.class { margin-top: 12px /*24px*/; }

结果是大括号内的注释导致LessCSS编译器崩溃并停止处理文件。。省去其他需要的选择器作为混音器使用

---

我将查看您导入的文件是否导致错误，并且没有完成编译。

谢谢，我将尝试这种方法。希望不会有任何问题：-）。对不起，我不能投票支持你的答案，因为你的声誉太低了：-（不是直接的答案，但这里有一个在github上实现Blueprint的较少的例子