自定义排序列表格式

Question

我尝试使用有序列表<ol>，每个列表项<li>输出为1. 2. 3.等等，我希望输出为1）2）3）..等等，可以这样做吗？

Answer 1

您可以，但只能使用更新的浏览器（Chrome，Safari，Firefox和Opera才能运行）：

ol {
  counter-reset: listCounter;
}
ol li {
  counter-increment: listCounter;
}
ol li:before {
  content: counter(listCounter) ")";
}

Answer 2

您可以使用CSS计数器和伪元素执行此操作：

ol li{
    list-style: none;
    counter-increment: myIndex;
}

ol li:before{
    content:counter(myIndex)") ";
}

<ol>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
</ol>

Answer 3

不，有效选项列在>here<。