Formato de lista pedido personalizado

Question

Intenté usar la lista ordenada <ol> y cada elemento de la lista <li> salidas como 1. 2. 3. ... etc., quiero que la salida sea 1) 2) 3) ... etc, puede esto se hace?

Answer 1

Puede, pero sólo con los navegadores más arriba-hasta la fecha (Chrome, Safari, Firefox y Opera funcionará):

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

Answer 2

No, las opciones válidas están listadas >here<.

Answer 3

Usted puede hacer esto con elementos de contador CSS y seudo:

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>