Ненужное наследование?

Question

[▪ ▪]

В блоке div есть два блока — left-block и right-block. При появлении блока стоит анимация для двух блоков. Проблема в том что в блоке right-block есть еще один блок left-block и он почему то наследует анимацию которая происходит в отдельном блоке left-block. Можно ли сделать так чтобы блок left-block помещенный в блок right-block не наследовал анимацию которая происходит с блоком left-block не вложенным в right-block?

Answer 1

[Elwen]

Задайте блокам, которые должны быть анимированы, специальные классы или id, в которых анимация и назначена.
Из плюсов: меньше наследования, чище код и возможность повторно использовать анимацию при необходимости.

Или задавайте анимацию с жестким указанием наследования, например:

.parent > .left-block{...}
.parent > .right-block{...}

Этот способ лучше использовать если у вас уникальная анимация для этих блоков и больше она нигде использоваться не будет.