Etherpad-lite有序列表格式

时间:2017-08-25 07:22:13

标签: css css3 etherpad

我想分别使用decimal,upper-alpha,lower-alpha,upper-roman和lower-roman作为前五个级别。我试着通过在pad.css中编写CSS来实现这一点

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

我只尝试过一次测试,但它没有用。我希望在使用") "的{​​{1}}之后使用content工作得很好的计数器之后控制角色,但list-style-type似乎并没有在这里工作。有人能指出我正确的方向吗?

1 个答案:

答案 0 :(得分:0)

这对我有用

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