Не до конца доходит dt,dd,dl

[AnweeKey]

всем привет. Не до конца могу разобраться с этим DD,dl,dt и т.д.
Смотрите, есть задание сделать так как на скрине, я сделал, но все равно уверен, что не правильно, но по другому у меня структура не выходит как должна быть. Подскажите что и как?

<dl>
		<dt>

			<ul>
				<li>Розничные покупатели</li>
			</ul>
		<dd>
			<ol>

				<li>Каталог товаров</li>
		<dt>Велосипеды</dt>
		<dd>Стоимостью до 1000 гр</dd>
		<dd>Стоимостью до 2000 гр</dd>
		<dt>Самокаты</dt>
		<dd>Стоимостью до 100 гр</dd>
		<dd>Стоимостью до 400 гр</dd>
		<dt>Бульдозеры</dt>
		<dd>Стоимостью до 20000 гр</dd>
		<dd>Стоимостью до 50000 гр</dd>
		<li>Консультации</li>
		<li>Доставка товаров</li>
		<li>Наше радушие</li>
		</ol>
		</dd>
		<dt>
			<ul>
				<li>Оптовые покупатели</li>
			</ul>
		<dd>
			<ol style="list-style-type: lower-alpha">
				<li>Скидки</li>
				<li>Дисконтная карта</li>
				<li>Подарочные купоны</li>
			</ol>
		</dd>
		</dt>
		</dt>
	</dl>

[Naive]

dl, dt, dd — список определений (массив пар ключ — значение). Он хорошо подходит, скажем, для свойств товара (ширина, высота, масса, диагональ, наличие или отсутствие фич).
Тут у тебя очевидно многоуровневый маркированный список ul. Нумерованные и списки определений тут не оправданы, каша какая-то.

Покажи что тебе нужно получить.

[AnweeKey]

Сообщение от Naive

dl, dt, dd — список определений (массив пар ключ — значение). Он хорошо подходит, скажем, для свойств товара (ширина, высота, масса, диагональ, наличие или отсутствие фич).
Тут у тебя очевидно многоуровневый маркированный список ul. Нумерованные и списки определений тут не оправданы, каша какая-то.

Покажи что тебе нужно получить.

Добрый вечер. Я прикрепил скрин к сообщению как нужно. у меня так и получилось, но вы сами сказали - там каша)

[Вадим Мошев]

Сообщение от Naive

Нумерованные и списки определений тут не оправданы

Так на скриншоте чётко же видно, что нумерованные списки используются?

AnweeKey, Ваш код будет выглядеть так:

<ul>
    <li>Розничные покупатели</li>
    <ol>
      <li>Каталог товаров</li>
        <ul>
          <li>Велосипеды</li>
            <ul>
              <li>Стоимость до</li>
              <li>Стоимость до</li>
            </ul>
          <li>Самокаты</li>
            <ul>
              <li>Стоимость до</li>
              <li>Стоимость до</li>
            </ul>
          <li>Бульдозеры</li>
            <ul>
              <li>Стоимость до</li>
              <li>Стоимость до</li>
            </ul>
        </ul>
      <li>Консультации</li>
      <li>Доставка товаров</li>
      <li>Наше радушие</li>
    </ol>
    <li>Оптовые покупатели</li>
      <ol>
        <li>Скидки</li>
        <li>Дисконтные карты</li>
        <li>Подарочные купоны</li>
      </ol>
  </ul>

Вы сможете через CSS настроить виды маркеров, отступы?

[Naive]

Сообщение от Вадим Мошев

Так на скриншоте чётко же видно, что нумерованные списки используются?

Еще на скрине видно, что там также используются и списки определений, все как в изначальном коде, так и работает на скрине.
Похоже, что я не втыкаю, что надо топик-стартеру?
Где использовать списки определений, вроде объяснил.
Спрашиваю как надо — как на скрине. Но на скрине и так результат кода.

Сообщение от Вадим Мошев

AnweeKey, Ваш код будет выглядеть так:

<ul>
    <li>Розничные покупатели</li>
    <ol>
      <li>Каталог товаров</li>
        <ul>
          <li>Велосипеды</li>
            <ul>
              <li>Стоимость до</li>
              <li>Стоимость до</li>
            </ul>
          <li>Самокаты</li>
            <ul>
              <li>Стоимость до</li>
              <li>Стоимость до</li>
            </ul>
          <li>Бульдозеры</li>
            <ul>
              <li>Стоимость до</li>
              <li>Стоимость до</li>
            </ul>
        </ul>
      <li>Консультации</li>
      <li>Доставка товаров</li>
      <li>Наше радушие</li>
    </ol>
    <li>Оптовые покупатели</li>
      <ol>
        <li>Скидки</li>
        <li>Дисконтные карты</li>
        <li>Подарочные купоны</li>
      </ol>
  </ul>

у тебя код тоже не правильный, список не может быть прямым потомком другого списка.