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