Используйте некоторые свойства 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>

Цель состоит в том, чтобы каждый элемент, имеющий класс "bananaClass", наследовал свойства "bananaTrans" без редактирования 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;
}