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類相同顏色

回答

相關問題