استخدم بعض خصائص 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;
}

لغة البرمجة:

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