Verwenden Sie einige CSS-Eigenschaften in vielen Selektoren ohne Bearbeitung von HTML oder JS verwenden

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>

Das Ziel ist es, jedes Element zu machen, die Klasse „bananaClass“ erben die Eigenschaften von „bananaTrans“ hat, ohne die HTML-Bearbeitung oder JavaScript verwenden.

It ( „bananaTrans“) nicht genau braucht eine Klasse zu sein, es ist nur eine Reihe von Eigenschaften unter anderem Selektoren verwendet werden.

Answer 1

Sie können die CSS ändern? Fügen Sie einfach einen zusätzlichen .bananaClass Selektor

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