Use algumas propriedades CSS em muitos seletores sem editar HTML ou usar JS
-
26-09-2019 - |
Pergunta
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>
O objetivo é fazer com que todos os elementos que tenham a classe "bananaclass" herdem as propriedades de "bananatrans" sem editar o HTML ou usar o JavaScript.
Ele ("bananatrans") não precisa ser exatamente uma classe, é apenas um monte de propriedades a serem usadas entre outros seletores.
Solução
Você pode modificar o CSS? Basta adicionar um extra .bananaClass
Seletor
.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;
}
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow