ターゲットカウンタのカウンタを設定する方法

Question

ページングされたメディアでは、CSSプロパティtarget-countersを使用して複数のカウンタを含めることができます。 (see section 1.3.5)などの必要があり、出力何か

a::after { 
content: "see section " target-counters(attr(href, url), section, ".") 
} 

：スペックは以下の例（単純化）を提供します。

sectionカウンタを設定するにはどうすればよいですか？ （あまりにも非ページコンテンツのため、）Generated Content Moduleから

Answer 1

：

カウンタは自動的に新しいインスタンスを作成します 子要素で再使用してカウンタ意味では、「自己のネスト」されていますカウンターの

そのため、あなたは自分の要素ツリーは、（<h1>Root</h1><h2>Sub</h2>のように）平坦である場合には、ネストされたカウンタを使用する方法はありません

<style type="text/css">  
section {counter-increment: section;} 
</style> 

<section id="foo"> 
<h1>Root level</h1> 
    <section id="bar"> 
    <h2>Sub Level</h2> 
    </section> 
</section> 

書くことができます。