我可以让一个css div类模拟一个不同的css div类吗？

Question

我刚开始为我的网站使用bootstrap。我喜欢这个外观，我想对一大堆不同的博客文章进行一些修改，以包含引导风格。我不想通过数百个帖子来改变div的class元素。我可以这样做：

<div class="important_note">
this is a old note that I want to use bootstrap styling on.
</div>

的CSS：

<style>
.important_note{
  mimick(.alert)
}
</style>

警报是一种引导样式。

如果这是一个简单的问题我很抱歉，但网络开发并不是我的事。我也找不到任何类似的问题。谢谢你的帮助！

Answer 1

使用css，您可以执行以下操作：

.important_note, .alert{
//styling
}

这会将相同的样式应用于important_note和警报类

Answer 2

如果没有“升级”你的CSS，如果它只是为每个受影响的元素添加一个类，你可以使用一个小脚本：

[].forEach.call(document.getElementsByClassName('important_note'), function(node) {
    node.classList.add('alert');
});

jQuery等价物：

$('.important_note').each(function() {
    $(this).addClass('alert');
}