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
什么的?
答
你可以把它们分开了,
指定不同selectors
相同的属性:
.label-info,
.panel-info>.panel-heading {
....
}
是的,我知道这一点,但如果什么,在我的情况'.panel-信息> .panel-heading',是预先定义的? – yangsunny
没关系。 Bootstrap样式可以被覆盖。您只需要在单独的样式表中创建上述样式,您必须在引导CSS文件后追加到页面。 –
是的,这就是为什么我把我自己的'.label-info'放到我的html文件中,这样它就可以覆盖bootstrap.min.css中的一个。并且在您的解决方案中,我仍然需要在{}中手动编写颜色/背景颜色/边框颜色线条。所以你的解决方案实际上比我的更长? :-)我正在寻找一种方法,一个新的类可以简单地继承(或克隆)一个已有的属性(我不应该改变它) – yangsunny