css给2级相同的颜色

时间:2015-10-06 06:51:32

标签: css twitter-bootstrap

我在我的主页上使用Bootstrap。在那里我有不同的面板与bootstrap颜色,如

<div class="panel panel-info">

现在我想添加解释不同颜色的含义。所以我制作了一些标签

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

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

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

它有效,但我的问题是,有更简单的方法吗?给2个类相同的颜色/属性?像.label-info = .panel-info>.panel-heading或其他什么?

1 个答案:

答案 0 :(得分:2)

您可以使用selectors分隔相同的属性到不同的,

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