html - 如何更改 css 颜色以匹配 Bootstrap 主题

Question

我正在尝试创建一个新的 css 类，其背景色与 bootstrap 用于“bg-primary”的背景色相同。我已阅读文档，在 SASS 下，它说我应该能够在其他 CSS 文件中将颜色用作变量，但我不确定如何操作。

我想做这样的事情:

.my_css_class{
    background-color: bg-primary;
}

我在堆栈中看到一些建议导入大量文件的问题，但我觉得应该有更简单的方法。

Answer 1

假设我正确地解释了你的问题并且你正在使用 CSS(而不是 Sass/SCSS)，你可以做的最简单的事情就是使用 CSS custom properties (basically native CSS variables) .原来Bootstrap provides CSS custom properties for the theme colors , 所以你应该可以这样写:

.my_css_class{
    background-color: var(--bs-primary);
}