Есть обычный нумерованный список
<ol>
<li>первый</li>
<li>второй</li>
<li>третий</li>
</ol>
Как известно, нумерация пунктов выводится в фомате номер+точка. Хотелось бы заменить эту самую точку на что-то иное, в частности скобку.
В CSS3 на этот счёт весьма кстати появляется
псевдоэлемент ::marker, позволяющий более гибко настраивать формат и стиль маркера. А что делать без него?
Вариант «в лоб» с применением
:before и content смотрится как-то не очень.
OL>LI:before {
counter-increment: item;
content: counter(item) ") ";
}
Тем более что выровнять собственно маркер при таком решении независимо от содержимого пункта не так то просто.