CSS兩個類使用一個屬性與多個設置

Question

我想設置一個屬性與一個類的公共部分，然後與第二組類的離散部分。在這種情況下，我想要有1個課程，我可以調整適用於所有1-n個離散城市課程的邊框厚度。使用下面的示例，邊框根本不會被應用。我有一個約束，我必須讓它在IE8工作（嘆息）

.cityImage { 
    border: solid 5px; 
} 

.chicago { 
    border: #333; 
} 
.detroit { 
    border: #999; 
} 
(and the list continues for about 10 items) 
_______________ 

<img class="cityImage chicago" src="http:... /> 
<img class="cityImage detroit" src="http:... /> 

Answer 1

你的代碼是slighltly關閉

.cityImage { 
    border: solid 5px; 
} 

.chicago { 
    border: #333; 
} 
.detroit { 
    border: #999; 
} 

應該

.cityImage { 
    border: solid 5px; 
} 

.chicago { 
    border-color: #333; 
} 
.detroit { 
    border-color: #999; 
} 

注：您不需要說明初始邊框顏色，但是如果您不需要我t將默認爲適用於該元素的當前文本顏色......狀態或繼承。

Answer 2

我認爲你要找的是邊框顏色：＃999。然後可以將它添加到父類cityImage中。