使用LESS时无法找到设置文字颜色的内容？

Question

我是新手使用LESS而我并不是100％确定我需要对主要文字颜色进行更改。

我使用Bootstrap以及Bootswatch.com的Cerulean主题。两个Cerulean LESS文件位于我的Content \ LESS \ bootstrap文件夹中。我的默认文本是＃317EAC，但我被要求将其更改为黑色＃000000。当我查看页面并查看F12 Dev工具时，看起来文本颜色在我的site.css文件的Body部分中设置。该文件正在从我的LESS文件中编译。

我的Site.less文件正在第一行导入Bootstrap less文件。这是我最初在Site.less文件中的内容。

@import "LESS/bootstrap/bootstrap";

@font-family:       "Helvetica Neue", Helvetica, Arial, sans-serif;
@text-color:        #317EAC;
@font-size-base:    14px;

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

这是我改变它的原因，但它没有将文本更改为黑色。

@import "LESS/bootstrap/bootstrap";

@font-family:       "Helvetica Neue", Helvetica, Arial, sans-serif;
@text-color:        #000000 
@font-size-base:    14px;

body {
    padding-top: 50px;
    padding-bottom: 20px;
    color: @text-color !important;
}

在我专门编译我的Site.less并查看我的Site.css之后，Body标签仍然具有＃317EAC颜色集。它必须在其他地方设置，但我似乎无法找到它的位置。另外，我认为在我的Site.less中的颜色标签上设置！important会使它覆盖其他任何东西吗？

我甚至将我的variable.less文件更改为以下设置。 @ text-color继承自@ gray-base，应为黑色。

另请注意，我也清除了浏览器缓存，但没有帮助。

有人建议我改变文字颜色吗？

这是我的F12工具的屏幕截图。

Answer 1

首先，您必须像建议的那样安装较少的编译器。之后，您必须将项目拖到较少的编译器上，然后将较少的文件编译为CSS。