CSS 两个 类 使用一个 属性 多个设置

Question

我想用一个 class 设置 属性 的公共部分，然后用第二组 classes 设置离散部分。在这种情况下，我想要 1 class，我可以在其中调整将应用于所有 1-n 个离散城市 class 的边框粗细。对于以下示例，根本不会应用边框。我有一个限制，我必须让它在 IE8 中工作 (sigh)

.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

您的代码略有偏差

.cityImage {
  border: solid 5px;
}

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

应该是

.cityImage {
  border: solid 5px;
}

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

注意：您不需要声明初始边框颜色，但如果您不它将默认为当前文本适用于元素的颜色..声明或继承。

Answer 2

我想你要找的是 border-color: #999。然后可以将其与父 class cityImage 添加。