自定義排序列表格式

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

不，有效選項列在此處< 。