html - 自定义有序列表格式

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) ")";
}