Custom ordered list format

Question

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

Answer 1

You can, but only with the more up-to-date browsers (Chrome, Safari, Firefox and Opera will work):

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

Answer 2

You can do this with CSS counter and pseudo elements:

 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

不，有效选项列在此处< 。