以下のスタイルシートは、各h1要素内のcntクラスの各p要素に番号を付ける例です。まずh1要素でカウンタをリセットし、p要素でカウント値を表示、インクリメントします。

p.cnt {counter-increment: par-num}
h1 {counter-reset: par-num}
p.cnt:before {content: counter(par-num, upper-roman) ". "}

　これを次のHTMLで使うと──

<h1>H1：見出し</h1>
<p class="cnt">P：段落1...</p>
<p class="cnt">P：段落2...</p>
<p class="cnt">P：段落3...</p>

次のように表示されます。