Utilisez des propriétés CSS dans de nombreux sélecteurs sans édition HTML ou en utilisant 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>

L'objectif est de faire tout élément qui a de la classe « bananaClass » Hériter les propriétés de « bananaTrans » sans modifier le code HTML ou JavaScript en utilisant.

( « bananaTrans ») n'a pas besoin d'être exactement une classe, il est juste un tas de propriétés à utiliser entre autres sélecteurs.

Answer 1

Vous pouvez modifier le CSS? Il suffit d'ajouter un sélecteur de .bananaClass supplémentaire

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