CSS Style Herencia

Question

Digamos que quiero definir 2 estilos.

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

¿Hay alguna manera de que pueda tener el estilo h1 heredar el estilo color_red? Yo no quiero tener que hacer

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

preferiría hacer algo como esto ...

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

Y tener la bandera tiene texto rojo.

Answer 1

usted tiene que escribir:

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

Answer 2

No, no hay manera de hacer esto directamente, mejor compartir definiciones de estilo:

.color_red, 
.banner 
{ 
    color: red; 
} 

Sin embargo, me gustaría señalar que Estamos abordando el problema desde la dirección equivocada. Su margen de beneficio debe ser independiente del estilo y debe liderar el estilo en el desarrollo de manera ideal. Esto significa que definir .color_red es un problema serio, porque no dice nada acerca de la semántica del margen de beneficio y ¿con qué problema se enfrenta si necesita aplicar un estilo azul al marcado?

mucho mejor para permitir que su margen de beneficio de existir como esto:

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

acompañada de:

<style> 
.highlight 
{ 
    color: red; 
} 

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

no