css - 在许多选择器中使用一些CSS属性，而无需编辑HTML或使用JS

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”）不需要完全是一个类，它只是在其他选择器中使用的一堆属性。

最佳答案

您可以修改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;
}