css - 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; }

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