Css 渲染时无法更改原色

引导版本是4.4.1。 我也在使用fontawesome，v5.0.7

我创建了一个包含以下内容的

main.scss

文件：

$theme-colors: ( "primary": orange, "danger": purple );
@import "../node_modules/bootstrap/scss/bootstrap";

这被编译成

/css/main.css

，它具有：

:root {
    ...
    --primary: orange;
    ...
}

.text-primary {
    color: orange !important; }

到目前为止，似乎还不错

在html文件中，有一个导入

main.css

样式文件

<link rel="stylesheet" href="/css/main.css">

尝试以橙色呈现文本时，文本将以蓝色显示

<p class="card-text text-primary">Some text.</p>

一些文本

浏览器开发工具确实显示，主屏幕仍然是蓝色。

---

我应该在哪里查找原因？

在开发工具中，单击显示“计算”的选项卡。这将显示级联到元素的应用CSS规则列表。查找

颜色

。通过单击其左侧的箭头展开。这将显示影响颜色的所有规则。已被重写的将按优先顺序划掉。胜出的规则不会被划掉，也不会被放在首位。使用该信息通过修正优先级或消除不必要的覆盖规则来纠正您的情况。

.text primary

的蓝色表示

！重要信息

来自

\u print.scss

第54行。不过没有橙色的迹象。试试看CSS是如何编译的。查看CSS文件的源代码，看看它是否缺少您的代码。编译的

CSS

文件似乎正确：

.text primary{color:orange！important；}

这似乎解决了缓存问题。问题解决了。谢谢@BrentStees