Etherpad-lite 有序列表格式化

Question

我想分别为前五级使用十进制、大写字母、小写字母、大写罗马字母和小写罗马字母。我尝试通过在 pad.css

中写入 CSS 来做到这一点

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

我只尝试了一个进行测试，但没有用。我想控制计数器后的角色，它可以很好地使用 content 放置 ") "，但 list-style-type 似乎在这里不起作用。有人能给我指出正确的方向吗？

Answer 1

这对我有用

.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;
}

Etherpad-lite 有序列表格式化

Etherpad-lite ordered list formatting

css

etherpad