1つのプロパティだけが異なる複数のCSSクラスがありますか？

Question

これは簡単な質問ですが、Webで検索する方法はわかりません。

私は、.header、.cell、.footerという3つのクラスを持っています。彼らは、次のようになります。

.header 
{ 
    display:table-cell; 
    vertical-align:middle; 
    width:130px; 
    height:20px; 
    background-color: Yellow; 
    border: 1px solid silver; 
} 
.cell 
{ 
    display:table-cell; 
    vertical-align:middle; 
    width:130px; 
    height:85px; 
    background-color: Yellow; 
    border: 1px solid silver; 
} 
.footer 
{ 
    display:table-cell; 
    vertical-align:middle; 
    width:130px; 
    height:40px; 
    background-color: Yellow; 
    border: 1px solid silver; 
} 

すべてのこれらのクラスの唯一の違いは、heightプロパティです。このコードを単純化するにはどうすればよいですか？

ありがとうございました。

Answer 1

使用,共通プロパティの選択リスト内の要素を分離するために：

.foo, .bar { 
    color: red; 
} 

.foo { 
    font-size: 120%; 
} 

.bar { 
    font-size: 80%; 
} 

これは.fooと.bar両方が赤に作るが、異なるテキストサイズを持っています。

Answer 2

だけ

.container { 
    display:table-cell; 
    vertical-align:middle; 
    background-color: Yellow; 
    border: 1px solid silver; 
} 

.header 
{ 
    height:20px; 
} 
.cell 
{ 
    height:85px; 
} 
.footer 
{ 
    height:40px; 
} 

はそれが役に立てば幸いすべての共通の性質を持っている別のクラスを作成し、すべての要素に割り当て;）