如何改变css颜色来匹配引导主题

Question

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

我想这样做:

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

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

Answer 1

假设我正确地解释了你的问题，并且你正在使用CSS(而不是Sass/SCSS)，那么你可以做的最简单的事情就是使用CSS自定义属性(基本上是本地CSS变量)。原来Bootstrap为主题颜色提供了CSS自定义属性，所以你应该可以这样写:

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