Utilizar algunas propiedades CSS en muchos selectores sin edición de HTML o el uso de JS

Question

CSS:

.bananaTrans {
  -moz-transition : all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition : all 1s ease-in-out;
}
.bananaClass {
  color: yellow;
}

HTML:

<div class="bananaClass">Banana Banana Banana</div>

El objetivo es hacer que cada elemento que tiene clase "bananaClass" hereda las propiedades de "bananaTrans" sin editar el código HTML o utilizando JavaScript.

( "bananaTrans") no necesita ser exactamente una clase, es sólo un montón de propiedades para ser utilizado entre otros selectores.

Answer 1

Puede modificar el CSS? Sólo tiene que añadir un selector de .bananaClass adicional

.bananaTrans, .bananaClass {
  -moz-transition : all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition : all 1s ease-in-out;
}
.bananaClass {
  color: yellow;
}