自定义的有序列表格式

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

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

Answer 3

你可以用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>