Clase de css dentro de otra clase como propiedad

Question

Estoy queriendo usar propiedades de otras clases de CSS sin tener que volver a escribir el código ... No soy tan inteligente con CSS así que por favor, perdónenme por la simple pregunta.

¿Es posible hacer algo como esto o algo similar en css?

.class_a { 
    background:red; 
} 

.class_b{ 
    .class_a; 
} 

Answer 1

La mejor manera (que yo sepa) para reutilizar clases CSS es para decidir sobre los atributos de CSS que desea volver a utilizar, y poner esto en una clase separada, así:

.class_a { 
    background:red; 
} 

Entonces, cada vez que desee volver a utilizar estos atributos, se agrega a la clase que el elemento html, con espacios entre los diferentes nombres de las clases, así:

<div class="text class_a">This will be red, and have the properties of the text class</div> 
<div class="text">This will only have the properties of the text class</div> 

Answer 2

usted puede utilizar la misma propiedad lista para más de un selector:

.class_a, .class_b { 
    background:red; 
} 

Answer 3

Hay son herramientas de CSS que le permiten código en la forma que usted describe. Acabas de hacer un postprocesamiento de tu código para producir CSS válido.

Echa un vistazo LESS.

Answer 4

No es posible usar CSS. Sin embargo, puede lograrlo usando algo como Sass. Sass le permite escribir CSS con mejoras como la que describió. Desafortunadamente, esto introduce un paso adicional ya que los archivos Sass se deben convertir a CSS antes de poder usarlos en su página. Sin embargo, podría ayudar a ahorrar un montón de tipeo :)