Summary
<ol> タグのネストで自動連番を行ないたい。counterを利用して実現する。
Source
ol {
counter-reset: item;
}
ol li {
display: block;
}
ol > li::before {
content: counters( item, "." )". ";
counter-increment: item;
}
章番号を10番から開始したい場合
ol {
counter-reset: item 9;
}
li ol {
counter-reset: item;
}
ol li {
display: block;
}
ol > li::before {
content: counters( item, "." )". ";
counter-increment: item;
}
Reference
今日もガクリ - CSS content プロパティで counters 自動連番http://blog.zodiac.vc/?p=61