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>