見出しに章番号を追加するCSS

目的

muragonのカスタマイズ。

counter()関数を用い見出しをカウントし、章番号を追加する。

CSS

.entry-body {
counter-reset : num2;
}

.entry-body h2 {
counter-reset : num3;
}

.entry-body h2:before {
counter-increment : num2;
content : counter(num2) '章';
padding-right : 5px;
}

.entry-body h3:before {
counter-increment : num3;
content : counter(num2) '.' counter(num3) '章';
padding-right : 5px;
}

HTML

<h2>見出し1</h2>
<h3>見出し1.1</h3>
<h3>見出し1.2</h3>
<h2>見出し2</h2>
<h3>見出し2.1</h3>