Chefranov
@Chefranov
Новичок

Как сделать сдвиг элемента списка относительно предыдущего?

Имеется такой список

5f959a40e5af4539895840.png

Необходимо чтобы каждый элемент списка сдвигался относительно предыдущего.
Как без явного хардкода, универсально сделать такой список?
  • Вопрос задан
  • 88 просмотров
Решения вопроса 3
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Не без проблем, но без явного указания номера элемента
https://jsfiddle.net/9d2mzLyn/

Но нужен overflow для родителя, высота для псевдо больше максимальной высоты пункта списка и чтобы вся конструкция помещалась по горизонтали.
У вас, кстати, псевдо и по макету подходит.

Я сомневаюсь, что такая лестница нужна больше, чем для 10-ка пунктов (да и в 10 не верю). Так что проще напрямую через nth-child.
Ответ написан
RAX7
@RAX7
Ответ написан
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
CEO iAmStudio, предприниматель.
Ко всем прочим решениям, это типичный вложенный список (не обязательно, но смещение это прямо их родное). https://codepen.io/i-am-studio_ru/pen/yLJMOvx к родным отступам все что нужно — скорректировать отступы. В качестве бонуса позволит вкладывать очень долго)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
01 дек. 2020, в 04:48
229182 руб./за проект
30 нояб. 2020, в 03:19
25000 руб./за проект
01 дек. 2020, в 02:50
3000 руб./за проект