使用 LESS 时找不到设置我的文本颜色的内容？答案

【问题标题】：Can't find what is setting my text color when using LESS?使用 LESS 时找不到设置我的文本颜色的内容？
【发布时间】：2016-12-01 19:14:15
【问题描述】：

我是 LESS 的新手，我不能 100% 确定我需要在哪里更改我的主文本颜色。

我正在使用 Bootstrap 以及来自 Bootswatch.com 的 Cerulean 主题。这两个 Cerulean LESS 文件位于我的 Content\LESS\bootstrap 文件夹中。我的默认文本显示为#317EAC，但我被要求将其更改为黑色#000000。当我查看页面并查看 F12 开发工具时，看起来文本颜色是在我的 site.css 文件的正文部分中设置的。该文件正在从我的 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 工具的屏幕截图。

【问题讨论】：

变量赋值后缺少分号：@text-color: #000000
让我知道是否可以解决问题
很好，但不幸的是没有成功。
您需要检查哪些类应用于此元素。可能有其他风格的过载。请问，您能否粘贴 HTML 层次结构以及应用了哪些样式？
@CarlosAraujo 不确定我知道你想复制什么，但我会尽量做到。虽然它在 Body 标签上。使用 F12 工具，它告诉我它来自 Site.css 文件。这就是为什么我认为使用 !important 我的 Site.less 的 Body 标签会覆盖它在其他位置设置的位置。根据我的理解，因为我在站点顶部进行引导导入。没有我之后写的任何内容也应该优先。我会说我在编译的 Site.css 中看到了两个 Body 标签，所以 body 被设置在多个地方......我只是不知道确切的位置。

标签： css twitter-bootstrap less

【解决方案1】：

首先，您必须像建议的那样安装更少的编译器。之后，你必须将你的项目拖到这个less编译器上，并将你的less文件编译成CSS。

【讨论】：