Как сделать такой список?

Question

[Дмитрий]

Здравствуйте.Как сделать чтобы нумерация в списке была привязана только к одному списку?

<ol class="guide__list">
                    <li class="guide__item">Что такое spb-exchanger?</li>
                    <li class="guide__item">Как обменять валюту?
                        <ol class="guide__list">
                            <li class="guide__item">Выберите исходную и целевую валюты</li>
                            <li class="guide__item">Рассчитайте итоговую сумму и просмотрите статистику</li>
                            <li class="guide__item">Выберите обменник</li>
                            <li class="guide__item">Перейдите на сайт обменника для конвертации</li>
                            <li class="guide__item">Оставьте отзыв о работе обменника</li>
                        </ol>
                    </li>
                    <li class="guide__item">Оповещения</li>
                    <li class="guide__item">Техническая поддержка</li>
                </ol>

Пробовал так:

ol {
list-style: none; 

counter-reset: li; 
}

li:before {

counter-increment: li; 

content: counters(li,".") ". "; 
}

Но так нумерует все списки. Через классы не удалось добиться результата.

Comments

[Yakov Vylegzhanin]

Не совсем понятно что вы хотите.
Заставить что-то работать не так как это задумано?

[Дмитрий]

Yakov Vylegzhanin: посмотрите я добавил картинку

[Yakov Vylegzhanin]

Дмитрий: Скопировал ваш код на JSfiddle - https://jsfiddle.net/bdugdvxx/2/
По-моему все как на скриншоте.

[Дмитрий]

Yakov Vylegzhanin: если добавить ещё один список то он тоже нумеруется

Answer 1

[Андрей]

.guide__list > li:before {

попробуйте так