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」を持つすべての要素に、HTMLを編集したりJavaScriptを使用したりせずに、「bananaTrans」のプロパティを継承させることです。

それ（ "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;
}