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中。