CSS样式声明重用

Question

让我们说我的CSS中有一个颜色定义：

.headerColor   { background-color: #a6c9e2; }

现在我还要定义一个使用.headerColor的CSS定义：

.header        { padding-left: 2px; }

在CSS级别，我如何从.headerColor继承.header？ 我知道我可以将这两种样式放在HTML元素上（class ='header headerColor'），但是如何将.header分配给我的HTML元素并让它拉出其父样式？

Answer 1

您可以这样写：

.headerColor, .header   { background-color: #a6c9e2; }
.header                 { padding-left: 2px; }

现在，您只需要在HTML中设置class="header"。