css - 在不编辑 HTML 或使用 JS 的情况下，在许多选择器中使用一些 CSS 属性

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