Hedef sayıcılar için sayaçların ayarlanması

Question

Diskli ortamlarda, CSS özelliği target-counters çoklu sayıcıları içermek için kullanılabilir. Spec (basitleştirilmiş) Aşağıdaki örnek verir:

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

o (see section 1.3.5) gibi çıkış şey olması gerektiği.

section sayacını nasıl ayarlayabilirim? (Çok olmayan disk belleği içeriği,) Generated Content Module itibaren

Answer 1

:

Sayaçlar şunlardır yeniden kullanarak bir çocuk eleman için sayaç anlamda "kendini yuvalama", otomatik olarak yeni bir örneğini oluşturur sayacın

Bu nedenle, sadece eleman ağacı (<h1>Root</h1><h2>Sub</h2> olduğu gibi) düz ise iç içe sayaçları kullanmak için bir yolu yoktur

<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> 

yazabilir.