css – 变量名错误“未定义”,即使“variables.less”导入

前端之家收集整理的这篇文章主要介绍了css – 变量名错误“未定义”,即使“variables.less”导入前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我今天开始使用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)中的默认设置。

编译器会在BOM上产生一个错误,如果它在你的根文件中,但似乎为@ import-ed文件默认失败。

尝试将文件保存为UTF-8而不使用BOM,并查看是否解决了您的问题。

猜你在找的CSS相关文章