Используйте некоторые свойства CSS во многих селекторах без редактирования HTML или с использованием JS
-
26-09-2019 - |
Вопрос
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>
Цель состоит в том, чтобы сделать каждый элемент, имеющий класс «Бананасласс» наследует свойства «бананаранс» без редактирования 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;
}
Не связан с StackOverflow