Форматирование упорядоченного списка Etherpad-lite

Я хочу использовать десятичную, верхнюю альфа, нижнюю альфа, верхнюю римскую и нижнюю римскую для первых пяти уровней соответственно. Я попытался сделать это, написав CSS в pad.css.

.list-number1 li:before {
  content: counter(first)") " ;
  counter-increment: first;
  list-style-type: lower-alpha;
}

Я попробовал только один для тестирования, но это не сработало. Я хотел управлять персонажем после счетчика, который отлично работал, помещая ") " с помощью content, но list-style-type здесь, похоже, не работает. Может ли кто-нибудь указать мне правильное направление?


css etherpad
person Blue    schedule 25.08.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Это сработало для меня

.list-number1 li:before {
  content: counter(first, decimal)". " ;
  counter-increment: first;
}
.list-number2 li:before {
  content: counter(second, upper-alpha)") " ;
  counter-increment: second;
}
.list-number3 li:before {
  content: counter(third, lower-alpha)") " ;
  counter-increment: third;
}
.list-number4 li:before {
  content: counter(fourth, upper-roman)") " ;
  counter-increment: fourth;
}
.list-number5 li:before {
  content: counter(fifth, lower-roman)") " ;
  counter-increment: fifth;
}
person Blue    schedule 25.08.2017