css - CSS样式声明重用

可以说我在CSS中有一个颜色定义：

.headerColor   { background-color: #a6c9e2; }

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

.header        { padding-left: 2px; }

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

最佳答案

您可以这样写：

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

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