2013-11-27 53 views
1

我正在阅读LESS官方文档(版本1.5),但我无法理解如何将引用导入到另一个CSS,以便在我自己的文件中使用它的内容。例如:Mixin使用LESS

mystyle.less

@import (reference) "bootstrap.min.css"; 
.mylabel { 
    .label-success; 
} 

它显示了这个错误:NameError: .label-success is undefined

也许我误解的文件?

回答

3

您只能将reference与其他LESS文件一起使用。您不能使用该方法混合并匹配LESS和CSS文件。

如果您需要使用Bootstrap中的mixins,请获取Bootstrap LESS文件。

更新: 您还可以指定引用类型,它应该为你所需要的工作:

@import (reference, less) "bootstrap.min.css"; 
+0

其实你可以用CSS使用过,我刚才用'@import试了一下(参考,少)“bootstrap.min.css”;'它工作(至少在1.5.1)。 –

+0

是的,但实际上将文件引用到内存中(作为解析的LESS代码),然后仅渲染使用的mixins。我已经更新了我的答案,以包含“参考,更少”的警告。 – BenM

+0

不完全。没有'reference,less'标志的导入CSS文件不会通过解析器传递(因此不会被加载到内存中)。它们只是作为'@ import'规则添加到生成的'