css给2类相同颜色

我使用Bootstrap作为我的主页。在那里我有引导，颜色不同的面板诸如此类css给2类相同颜色

<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; 
}

它的工作原理，但我的问题是，是否有一个更简单的方法来做到这一点？给2个班级相同的颜色/属性？像.label-info = .panel-info>.panel-heading什么的？

来源

2015-10-06 yangsunny

你可以把它们分开了,指定不同selectors相同的属性：

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

来源

2015-10-06 06:54:00

是的，我知道这一点，但如果什么，在我的情况'.panel-信息> .panel-heading'，是预先定义的？ – yangsunny

没关系。 Bootstrap样式可以被覆盖。您只需要在单独的样式表中创建上述样式，您必须在引导CSS文件后追加到页面。 –

是的，这就是为什么我把我自己的'.label-info'放到我的html文件中，这样它就可以覆盖bootstrap.min.css中的一个。并且在您的解决方案中，我仍然需要在{}中手动编写颜色/背景颜色/边框颜色线条。所以你的解决方案实际上比我的更长？ :-)我正在寻找一种方法，一个新的类可以简单地继承（或克隆）一个已有的属性（我不应该改变它） – yangsunny

css给2类相同颜色

回答

相关问题