编译LESS文件后为什么我的CSS文件为空？

Question

我使用LESS css而且我是新手。在我的LESS文件中，我有几个不同颜色的变量：

@LightBlue: #0088CC;
@DarkPink: #C71C77;
@LightGreen: #76B51B;

我将@LightBlue设为默认颜色：

@DefaultThemeColor: @LightBlue;

我创建了另一个LESS文件dark-pink.less来更改主题的颜色。在这个文件中我只是改变了变量颜色：

@LightGreen: #76B51B;

@DefaultThemeColor: @LightGreen; 

但在将其编译为CSS文件后，我注意到CSS文件为空。我做错了什么？

Answer 1

到目前为止，你只设置了变量，你没有在任何选择器中使用它们，所以没有什么可以编译。

例如，分配这样的任何一个变量应该在编译的css文件中产生CSS：

@LightGreen: #76B51B;

@DefaultThemeColor: @LightGreen; 

h1 { /* Use the variable like this */
    color:@LightGreen
}