Используйте некоторые свойства CSS во многих селекторах без редактирования HTML или с использованием 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>

Цель состоит в том, чтобы сделать каждый элемент, имеющий класс «Бананасласс» наследует свойства «бананаранс» без редактирования HTML или использования JavaScript.

Это («BananaTrans») не нужно точно быть классом, это просто куча свойств, которые будут использоваться среди других селекторов.

Answer 1

Вы можете изменить CSS? Просто добавьте дополнительно .bananaClass селектор

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