Utilisez des propriétés CSS dans de nombreux sélecteurs sans édition HTML ou en utilisant JS
-
26-09-2019 - |
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.
La solution
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;
}
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow