У меня есть список, который я пытаюсь имитировать, где элементы плохо пронумерованы. Это вложенный список, в котором внутренние счетчики используют букву в нижнем регистре. Но внешний счетчик появляется с префиксом для каждого из внутренних счетчиков, что-то вроде ...
1) List item blah
2a) Yet another list item
2b) And another again
Таким образом, визуально внутренние списки вообще не вложены / не имеют отступа.
Я не привязан к тому, как выглядит разметка, если бы это можно было как-то сделать как единый html ol, я бы с этим согласился, но я также go через и сделаю это как правильный вложенный список, если мне нужно для этого эффекта.
Я был взволнован, когда наткнулся на функциональность Mozilla MDN «@ counter-style», но оказалось, что она не поддерживается в Chrome (не говоря уже о той версии, которая является частью моего приложения Electron ).
Есть ли эффективный способ сделать это с помощью html / css?
Я привязываю пример разметки / css для этого, который не работает. Обратите внимание, что он включает посторонний маркер «2)», который я не могу понять, как скрыть.
https://jsfiddle.net/au8pvrex/