लक्ष्य-काउंटर के लिए काउंटर कैसे सेट करें

Question

पेजेड मीडिया में, सीएसएस प्रॉपर्टी target-counters का उपयोग कई काउंटरों को शामिल करने के लिए किया जा सकता है। कल्पना निम्न उदाहरण (सरलीकृत) देता है:

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

कि (see section 1.3.5) तरह उत्पादन कुछ करना चाहिए।

मैं section काउंटर कैसे स्थापित करूं?

Answer 1

Generated Content Module से

(के लिए गैर-पृष्ठांकित सामग्री, भी):

काउंटर हैं "आत्म नेस्टिंग", इस अर्थ में कि फिर से उपयोग कर एक चाइल्ड तत्व में एक काउंटर में स्वचालित रूप से एक नया उदाहरण बनाता है काउंटर का

इसलिए, आप बस

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

लिख सकते हैं नेस्टेड काउंटर का उपयोग करने के लिए यदि आपके तत्व पेड़ सपाट है (<h1>Root</h1><h2>Sub</h2> के रूप में) कोई तरीका नहीं है।