Задать вопрос
razrab228
@razrab228
зачем тебе знать это?

Как сделать красивые отступы в древе?

Здравствуйте! Есть на сайте такое древо:

<div class="item">
     <div class=content">Элемент 1</div>
     <div class="items">
          <div class="item">
               <div class=content">Элемент 1</div>
          </div>
     </div>
</div>


при наведении на content, он меняет цвет бэка. в каждом элементе есть контейнер для дочерних элементов (items), и у него есть отступ от левого края. так вот, первый элемент показывается красиво, а вот уже последующий с огромным отступом. так вот, хочется для каждого дочернего элемента сделать внутренний отступ (а не тот внешний, который для items), чтобы цвет при наведение заливался на всю ширину элемента

https://jsfiddle.net/p3805hra/
вот здесь видно, что элемент 2 при наведении с отступом слева
  • Вопрос задан
  • 153 просмотра
Подписаться 1 Простой 5 комментариев
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
razrab228
@razrab228 Автор вопроса
зачем тебе знать это?
Решил!
margin у items убрал. У каждого элемента есть data-level (типо 0 - корень, 1 - 1 уровень, 2 - 2 уровень и т.д.). Все элементы берутся с сервера, поэтому просто умножаю этот level на 30 (отступ в px), в итоге получается как надо
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы