Reunir clases CSS dentro de una clase.

lucho2000 · #1 (**permalink**) 19/01/2016, 07:45

Buen dia.

Necesito crear un nuevo estilo que agrupe otros estilos con el fin de optimizar el CSS agregando una sola clase y no llenar los campos HTML de clases.

Ejm:
<html>
<head>
<style>
.color{
background-color: red;
}

.letra{
font-size: 20px;
}
/*
Quiero en este estilo agregar ambos estilos .color y .letra para colocarle al boton
en la clase <button class="btn"> y NO <button class="color letra"> y optimizar el codigo
*/

.btn{
color(),
letra();
}
</style>
</head>
<body>
<button class="btn">Guardar</button>
</body>
</html>

He buscado en google y me dicen de esta forma
.btn{
color(),
letra();
}

pero no funciona.

Agradezco cualquier ayuda.

Gracias

carlillos · #2 (**permalink**) 19/01/2016, 12:33

En CSS no se pueden heredar clases, si no quieres poner múltiples clases en un elemento HTML una alternativa podría ser:

Código CSS:

Ver original.btn, .letra{
    font-size: 20px;
}
 
.btn, .color{
   background-color: red;
}

pzin · #3 (**permalink**) 21/01/2016, 03:33

Los lenguajes de preprocesado suelen tener esa opción entre otras muchas para desarrollar más cómodamente.