编辑：

Question

我无法减少1.5.1.min.js工作...以下是我试过的文件：

HTML：

<script src="js/less-1.5.1.min.js" type="text/javascript"></script>
<link rel="stylesheet/less" type="text/css" href="less/config.less" />

LESS

@black:     #000000;
@white:     #ffffff;

和 CSS

header {
    background: @black;
}

我已将文件上传到服务器。你可以在这里看到：http://www.battlefield4forum.pl/messenger

有人可以告诉我为什么它不起作用？我不知道为什么......

**

编辑：

**

谢谢：）

现在看起来像这样：

site.less

@black:         #000000;
@white:         #ffffff;

header {
    background: @black;

    h2 {
        color: @white;
    }
}

的index.html

<!-- Loading LESS -->
<script src="js/less-1.5.1.min.js" type="text/javascript"></script>
<link rel="stylesheet/less" type="text/css" href="less/config.less" />

<!-- Loading CSS -->
<link href="css/style.css" rel="stylesheet">

现在我没有 style.css 文件。我能理解你吗？

您仍然可以在此处看到它：http://www.battlefield4forum.pl/messenger

Answer 1

config.less中声明的变量只能在该文件的范围内使用。您在css / styles.css中定义的样式将无法看到这些变量，因为它们是......

A）在您的较少文件和

之前加载

B）不被视为较少，因此不会被客户端较少的处理

要修复，将css / styles.css文件中的样式移动到config.less文件。您也可以考虑将其命名为site.less。

Answer 2

如果它仍然无效，请尝试在js编译器之前移动较少的样式：

<link rel="stylesheet/less" type="text/css" href="less/config.less" />
<script src="js/less-1.5.1.min.js" type="text/javascript"></script>

LESS不起作用

编辑：

2 个答案: