@kingdomofcrooked
Дизайнер

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

В блоке div есть два блока — left-block и right-block. При появлении блока стоит анимация для двух блоков. Проблема в том что в блоке right-block есть еще один блок left-block и он почему то наследует анимацию которая происходит в отдельном блоке left-block. Можно ли сделать так чтобы блок left-block помещенный в блок right-block не наследовал анимацию которая происходит с блоком left-block не вложенным в right-block?
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ответы на вопрос 1
Elwen
@Elwen
Задайте блокам, которые должны быть анимированы, специальные классы или id, в которых анимация и назначена.
Из плюсов: меньше наследования, чище код и возможность повторно использовать анимацию при необходимости.

Или задавайте анимацию с жестким указанием наследования, например:
.parent > .left-block{...}
.parent > .right-block{...}

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

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы