Question

我想用一个类设置属性的公共部分，然后用第二组类设置离散部分。在这种情况下，我希望有一个类，我可以调整适用于所有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

你的代码很轻松

.cityImage {
  border: solid 5px;
}

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

应该是

.cityImage {
  border: solid 5px;
}

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

注意：您无需声明初始边框颜色，但如果不，则默认为适用于该元素的当前文字颜色。或继承。

Answer 2

我认为你要找的是边框颜色：＃999。然后可以使用父类cityImage添加它。

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

2 个答案: