如何更改 css 颜色以匹配引导主题

Question

我正在尝试创建一个新的 CSS 类，其背景颜色与引导程序用于“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);
}