CSS 使用另一个类的颜色？

Question

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

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

Answer 1

您可能还想查看新的CSS 变量它们可以让您覆盖颜色，但您需要重新定义 CSS 类。

\n\n

\n
CSS 变量提供与 Sass\xe2\x80\x99s 变量类似的灵活性，但在提供给浏览器之前不需要编译。
\n

\n\n

例如：

\n\n

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

\n