css 给两个类相同的颜色

Question

我的主页使用的是 Bootstrap。在那里我有不同的面板，带有 Bootstrap 颜色，例如

<div class="panel panel-info">

现在我想补充解释不同颜色的含义。所以我做了一些标签

<h5><span class="label label-info">new panel</span></h5> .

但是，它们在 Bootstrap 中有不同的颜色。我解决这个问题的方法是，我在 bootstrap.min.css 中找到了颜色描述对于 panel-info并将其 c&p 到我自己的 css 中:

.label-info{
 color:#31708f;
 background-color:#d9edf7;
 border-color:#bce8f1;
 }

它有效，但我的问题是，是否有更简单的方法来做到这一点？给两个类(class)相同的颜色/属性？喜欢.label-info = .panel-info>.panel-heading还是什么？

Answer 1

您可以为不同的选择器指定相同的属性，方法是用,分隔它们:

.label-info,
.panel-info>.panel-heading {
    ....
}