Use algumas propriedades CSS em muitos seletores sem editar HTML ou usar 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>

O objetivo é fazer com que todos os elementos que tenham a classe "bananaclass" herdem as propriedades de "bananatrans" sem editar o HTML ou usar o JavaScript.

Ele ("bananatrans") não precisa ser exatamente uma classe, é apenas um monte de propriedades a serem usadas entre outros seletores.

Answer 1

Você pode modificar o CSS? Basta adicionar um extra .bananaClass Seletor

.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;
}