CSS使用其他类的颜色？

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

例如，假设我有一个CSS类，我想用于特定元素，但我希望它使用与引导“danger”类相同的颜色。有办法吗？或者我只需要从引导CSS文件复制颜色值并在我自己的类中使用它吗？

使用SCSS

分配变量：

$darkGrey: #7a7a7a;

ul, .hero, .homepage, .anotherClass {
  background: $darkGrey;
}

使用这些变量：

$darkGrey: #7a7a7a;

ul, .hero, .homepage, .anotherClass {
  background: $darkGrey;
}

---

更多信息：

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

CSS变量提供了与Sass变量类似的灵活性，但是 在提供给浏览器之前无需编译

例如：

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

---

Bootstrap 4

您可以在：：根选择器中分配全局颜色，如下例所示：

:root{
     --green-color:#fff123;
}

并在css中的任意位置使用此颜色和var（）函数，如：

.container{
    background-color:var(--green-color);
}

.column{
   color:var(--green-color);
}

---

纯CSS不允许做这样的事情，您需要的是CSS预处理器。有一些css预处理器：SCS、SASS、LESS等。酷，这正是我想要的。还有一个问题。。。。在CSS中是否可以使颜色变暗/变亮？喜欢使用这些颜色中的一种，但稍微深一点或浅一点：悬停？