@kingdomofcrooked

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

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

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

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

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

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