Задать вопрос

Как изменить формат маркеров в нумерованном списке, не прибегая к :before и селекторам CSS3?

Есть обычный нумерованный список
<ol>
	<li>первый</li>
	<li>второй</li>
	<li>третий</li>
</ol>


Как известно, нумерация пунктов выводится в фомате номер+точка. Хотелось бы заменить эту самую точку на что-то иное, в частности скобку.

В CSS3 на этот счёт весьма кстати появляется псевдоэлемент ::marker, позволяющий более гибко настраивать формат и стиль маркера. А что делать без него?

Вариант «в лоб» с применением :before и content смотрится как-то не очень.
OL>LI:before {
	counter-increment: item;
	content: counter(item) ") ";
}


Тем более что выровнять собственно маркер при таком решении независимо от содержимого пункта не так то просто.
  • Вопрос задан
  • 4052 просмотра
Подписаться 3 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
@tick
Вариант с :before является стандартной рекомендацией Консорциума. Не понимаю, что в нем может не нравиться?
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы