CSSスタイルの継承

Question

2つのスタイルを定義したいとします。

.color_red { color: Red; } 
.banner { display: block; width: 100%; } 

私はH1スタイルはCOLOR_REDスタイルを継承することができます方法はありますか？私は

.banner { ... inherit: color_red; } 
... 
<div class="banner">This is my banner.</div> 

バナーを持っているが、赤いテキストを持っている...私はこのような何かを行うことを好むだろう

<div class="banner color_red">This is my banner.</div> 

を行うにはしたくありません。

Answer 1

あなたが書く必要があります：

 
.color_red, .banner { color: Red; } 
.banner { display: block; width: 100%; } 

Answer 2

いいえ、スタイル定義を共有するために、直接、より良いこれを行う方法はありません。

.color_red, 
.banner 
{ 
    color: red; 
} 

私はあなたのことを指摘したいと思いますが間違った方向から問題に近づいている。あなたのマークアップはスタイルとは独立していて、理想的にはスタイルを開発に導くべきです。つまり、.color_redを定義することは重大な問題です。マークアップのセマンティクスについては何も言及していません。マークアップのビットをスタイルする必要がある場合は、どれくらいの問題に直面していますか？

はるかに良いあなたのマークアップは次のように存在することを可能にするには、次の

<div class="banner highlight">I am a banner AND I am highlighted!</div> 

はでサポートされている：

<style> 
.highlight 
{ 
    color: red; 
} 

.banner 
{ 
    display: block; 
    width: 100%; 
} 
</style>