2017-03-01 5 views
1

cssを使用して別のul/olブロックで番号付けを続けることはできますか? 1 2 3 4 5 6 ....別々のul/olブロック

ol { 
 
    counter-reset: section; 
 
    list-style-type: none; 
 
} 
 

 
li::before { 
 
    counter-increment: section; 
 
    content: counters(section,".") " "; 
 
}
<ol> 
 
    <li>item</li> 
 
    <li>item</li> 
 
    <li>item</li> 
 
    <li>item</li> 
 
</ol> 
 

 
<ol> 
 
    <li>item</li> 
 
    <li>item</li> 
 
</ol>

答えて

2

たぶん、あなたは、このプロパティを使用することができますか?

https://css-tricks.com/almanac/properties/c/counter-increment/

このような何か、あなたはカウンタインクリメントを使用し、唯一の順序付けられたリストにそれを修正することができます。ここでの用法の

さらに詳しい情報:

https://developer.mozilla.org/en/docs/Web/CSS/counter-increment

+0

私は...最初のリンクの例を見ましたが、私は、CSSでこれをやってみたかったいや..私は考えます不可能な.. :)ありがとう – ceren

1

使用この:

<ol> 
    <li>item</li> 
    <li>item</li> 
    <li>item</li> 
</ol> 
// use start number you want as below 
<ol start="50"> 
    <li>item</li> 
    <li>item</li> 
    <li>item</li> 
</ol>