CSS使用另一个类的颜色？

Question

是否可以将颜色从一个 CSS 类导入另一个？或者创建某种全局颜色定义，然后在多个类中使用它，这样如果你想改变颜色就不必在多个地方更新？

例如，假设我有一个要用于特定元素的 CSS 类，但我希望它使用分配给 Bootstrap“危险”类的相同颜色。有没有办法做到这一点？还是我只需要从 Bootstrap CSS 文件中复制颜色值并在我自己的类中使用它？

Answer 1

您可能还想查看新的 CSS variables在 Bootstrap 4 中。它们将允许您覆盖颜色，但您需要重新定义 CSS 类。

CSS variables offer similar flexibility to Sass’s variables, but without the need for compilation before being served to the browser.

例如:

.text-teal {
  color: var(--teal);
}

Bootstrap 4 CSS Variables Demo