使用许多选择一些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;
}