css - 当对象具有CSS类时应用多个CSS类

我有一个导入的库，其中的一节允许我对其进行自定义：

/* Color setup */
/* You are free to change all of this */
.success{
    background-color: yellowgreen;
    color: white;
}

这是弹出窗口的颜色设置。现在，我希望此颜色设置使用引导程序的颜色设置。为此，我的解决方案是：

/* Color setup */
/* You are free to change all of this */
.success{
    addClass: "popup alert-error alert"; //bootstrap classes
}

这可能吗 ？还是我应该在这里复制并粘贴bootstrp的代码？我真的很讨厌该解决方案，因为它违反了DRY原则。

最佳答案

要为.success类默认使用Bootstrap的颜色，只需删除：

.success{
    background-color: yellowgreen;
    color: white;
}

要将其他类动态添加到弹出窗口，可以使用jQuery（因为您正在运行Bootstrap）。

$('.success').addClass('popup alert-error alert');

这会将这些类添加到.success的所有实例中。因此，多一点描述会有所帮助。

如果不需要动态执行此操作，则最好简单地编辑HTML。

<div class="success popup alert-error alert">...</div>

关于css - 当对象具有CSS类时应用多个CSS类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29122671/