CSS樣式繼承

Question

可以說我想定義2種樣式。

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

有沒有辦法讓h1風格繼承color_red風格？我不想要做

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

我更願意做這樣的事情......

.banner { ... inherit: color_red; } 
... 
<div class="banner">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是一個嚴重的問題，因爲它沒有提到關於標記的語義以及如果您需要將這一點標記爲藍色時面臨多少問題？

好得多，讓您的加價像這樣存在：

<style> 
.highlight 
{ 
    color: red; 
} 

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