我今天开始使用LESS。但它有点怪。此代码不工作。我得到一个错误:
! Variable Name Error: @linkColor in a is undefined.
我的引导:
@import "variables.less"; @import "normalize.less";
variables.less:
@linkColor: #08c; @linkColorHover: darken(@linkColor,15%);
normalize.less:
a { color: @linkColor; } a:visited { color: @linkColor; } a:hover { color: @linkColorHover; }
当我做一个
@import “variables.less”
在normalize.less文件中,一切工作正常。
谢谢你的帮助 :)
解决方法
This other question最终导致我得到正确的答案。
看起来像LESS编译器默认失败,如果文件用BOM编码。 (对于那些不熟悉这个术语的人来说,这是一个Byte Order Mark)。这是一些编辑器(例如Visual Studio)中的默认设置。