Etherpad-lite 有序列表格式化

Posted 2023-05-07

【中文标题】Etherpad-lite 有序列表格式化

【英文标题】：Etherpad-lite ordered list formatting

【发布时间】：2018-02-03 04:49:40

【问题描述】：

我想分别在前五个级别使用十进制、上字母、下字母、上罗马和下罗马。我尝试通过在 pad.css 中编写 CSS 来做到这一点

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

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

【参考方案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;