如何在 CSS 文件中编辑 SASS 变量 headerSeperatorColor？答案

【问题标题】：How to edit the SASS variable headerSeperatorColor in CSS file?如何在 CSS 文件中编辑 SASS 变量 headerSeperatorColor？
【发布时间】：2019-10-04 20:07:51
【问题描述】：

我目前正在自定义 tabulator table 的样式并希望编辑 headerSeperatorColor 变量。

我可以轻松地编辑标准 CSS 变量。

比如我把奇偶行的背景颜色改了如下：

.tabulator .tabulator-row-odd {
    background-color: black;
}

.tabulator .tabulator-row-even {
    background-color: white;
}

不过，我还需要编辑名为headerSeperatorColor 的SASS 变量之一。

这可以在同一个 CSS 文件中实现吗？如果没有，如何编辑变量？

我使用的是 4.4.3 版

【问题讨论】：

它在documentation中指示如何这样做
我尝试将 $headerSeperatorColor:black; 添加到 CSS 文件中，但它什么也没做
$headerSeperatorColor:black; 不是 css 而是来自配置文件/sass 文件的 sass 变量。这是您需要更新的地方。
CSS 不是 SCSS，如果没有 sass 作为其处理器，它无法将其解析为变量。
我明白了。我无法编辑 sass 文件。但是，我将原始的 sass 文件转换为 css 文件，并找到了我需要更改的元素。是.tabulator .tabulator-header 编辑值border-bottom:

标签： css tabulator

【解决方案1】：

.tabulator .tabulator-header {
    border-bottom: GREEN;
}

【讨论】：

请考虑添加至少一些解释，好像为什么这回答了这个问题

【解决方案2】：

Tabulator SASS 变量设置为Default Variables，这意味着如果您想重新编译 SASS，您只需在导入 scss 文件之前设置 $headerSeperatorColor 变量，然后它将覆盖变量：

$headerSeperatorColor: #FF0000;
@import "tabulator.scss";

【讨论】：