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”类的每个元素都继承“ bananaTrans”的属性,而无需编辑HTML或使用JavaScript。

它(“ bananaTrans”)不需要完全是一个类,它只是在其他选择器中使用的一堆属性。

最佳答案

您可以修改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;
}

09-07 19:57