Встроенный предварительный просмотр Markdown в VS Code ⇐ CSS

[Anonymous]

Я хочу получить стиль списка с встречным приращением в предварительном просмотре VSCode Markdown.
Это мой test.md:

Код: Выделить всё

1. level 1
1. level 1.1
1. level 1.1.1
1. level 1.1.2
1. level 1.2
1. level 1.2.1
1. level 1.2.2
1. level 1
1. level 1.1
1. level 1.1.1
1. level 1.1.2
1. level 1.2
1. level 1.2.1
1. level 1.2.2

Это teststyle.css:

Код: Выделить всё

ol {
counter-reset: li_item;
}

li {
display: block;
counter-increment: li_item;
}

li::before {
content: counters(li_item, ".") " ";
}

Я обнаружил, что это отображается правильно, когда я не взаимодействую с упорядоченным списком

 

 

 

но это не работает при взаимодействии при наведении курсора мыши.
 

 

 



добавление приведенного ниже кода в CSS:

Код: Выделить всё

li:hover::before {
content: counters(li_item, ".") " ";
}

кажется, неэффективно.
Как я могу решить эту проблему с помощью собственного CSS?

Подробнее здесь: https://stackoverflow.com/questions/793 ... wn-preview