javascript - LessCss 和 css 导入

标签 javascript css less

我正在尝试将 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 是否安全?

最佳答案

As an extension to CSS, LESS is not only backwards compatible with CSS, but the extra features it adds use existing CSS syntax.[1]

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

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

关于javascript - LessCss 和 css 导入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5417625/

相关文章:

javascript - jQuery slideDown() 无法正确处理 AJAX 结果

javascript - 在用户机器上强制最大化窗口?

CSS div 页脚和列高问题

html - 溢出时向下移动一排div

css - LESS 将新规则添加到相同的先前选择器/高级规则集注入(inject)

css - 在函数输出之后对元素选择器应用 less 函数

javascript 语法解释 (function () { } )();

javascript - ObjectAssign 将 bool 转换为 object

html - 元素中包含位置粘性?

jquery - 从类名获取 CSS url 路径