CSS：リストスタイルのタイプに期間を削除する：私は、小数点リストスタイルを使用してオールを持って

Question

10進数：

ol li { 
    list-style-type: decimal; 
} 

<ol> 
    <li>First</li> 
    <li>Second</li> 
</ol> 

番号が正常に動作しているが、どのように私は期間を削除するには？代わりに表示するので：

1. First 
2. Second 

私が見せたい：

1 First 
2 Second 

Answer 1

カスタムカウンタと、生成されたコンテンツを使用する必要があります。その形式を可能にする予め定義されたはありません。

ol { 
 
    counter-reset: list; 
 
    list-style: none; 
 
} 
 
li { 
 
    counter-increment: list; 
 
    position: relative; 
 
} 
 
li:before { 
 
    content: counter(list); 
 
    margin-right: 5px; 
 
    position: absolute; 
 
    right: 100%; 
 
}

<ol> 
 
    <li>one</li> 
 
    <li>two</li> 
 
    <li>three</li> 
 
</ol>