2

我正在尝试将 LessCSS(1.0.41 版)与 Blueprint 集成,但似乎我无法在我的 less 样式表中导入 css 文件。所以我尝试了一个更简单的导入:

.red { color: red; }

并将其放入 test.css 中。然后,在less_test.css 中:

@import "test.css":

.test { .red; background-color: pink; }

但是 LessCSS 抱怨 .red 没有定义。我错过了什么?如果我在 test.less 中重命名 test.css(并将其导入为“test”),一切运行正常。但是更改蓝图文件扩展名并将其用作 screen.less、print.less 和 ie.less 是否安全?

4

2 回答 2

3

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

这意味着任何有效的 CSS 文件也是有效的 LESS 文件,因此您可以安全地将.css文件重命名为,.less并且不会有任何问题。

[1] http://lesscss.org/#docs

于 2011-03-24T10:34:49.360 回答
0

过去我也有同样的问题。事实证明这是一个简单的修复。

我试图使用@import 来加载 BlueprintCSS screen.css 文件,我在 screen.css 文件中做了一个内联注释,并将 /**/ 留在了大括号之间。

错误代码:

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

事实证明,花括号内的注释导致 LessCSS 编译器崩溃并停止处理文件.. 忽略了其他需要的选择器用作 mixins。

我会看看您正在导入的文件是否导致错误并且没有完成编译。

于 2011-04-23T14:09:10.393 回答