css - CSS スタイル宣言の再利用

Question

CSSに色の定義があるとしましょう：

.headerColor   { background-color: #a6c9e2; }

ここで、.headerColor を使用する CSS 定義も定義したいと思います。

.header        { padding-left: 2px; }

CSS レベルでは、.headerColor から .header を継承するにはどうすればよいですか? HTML 要素 (class='header headerColor') に 2 つのスタイルを配置できることはわかっていますが、.header を HTML 要素に割り当てて、その親スタイルをプルさせるにはどうすればよいでしょうか?

Answer 1

あなたはこのように書くことができます：

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

class="header"これで、 HTMLで設定する必要があります。