Özel sipariş listesi biçimi

Question

Sipariş listesi <ol> ve her liste öğesi <li> çıktısını 1 olarak kullanmayı denedim. 2. ... vs, çıkışın 1 olmasını istiyorum) 2) 3) ... vb bu yapılmalı mı?

Answer 1

ama sadece daha fazla güncel tarayıcılar (Krom, Safari, Firefox ve Opera ile) çalışır:

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

Answer 2

Hayır, geçerli seçenekler >here< listelenmektedir.

Answer 3

Sen CSS sayacı ve sahte unsurları ile bunu yapabilirsiniz:

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>

yapabilirsiniz