UNN4MED
@UNN4MED
Битрикс разработчик

Как сделать список с буквами и со скобками?

Необходимо сделать нумерацию списка таким образом (фрагмент в задании из колледжа)
623644471dd35386471573.png
Пытался сделать псевдо-элементами, но так нужно использовать list-style: none, но тогда исчезнут буквы, а в счётчиках, насколько я понял, нельзя использовать перечисление буквами.
Вот, что я сделал
ul{
    list-style: lower-alpha;
    counter-reset: item;
}
ul li::before{
    counter-increment: item;
    content: counter(item) ")";
}

623646a55d103894708676.png
  • Вопрос задан
  • 755 просмотров
Решения вопроса 2
0xD34F
@0xD34F Куратор тега CSS
ul {
  counter-reset: item;
}

ul li {
  counter-increment: item;
}

ul li::marker {
  content: counter(item, lower-alpha) ") ";
}
Ответ написан
Комментировать
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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