在分页媒体中,CSS属性target-counters
可用于包含多个计数器。规范给出了以下示例(简化):
a::after {
content: "see section " target-counters(attr(href, url), section, ".")
}
应输出类似(see section 1.3.5)
的内容。
如何设置section
计数器?
答案 0 :(得分: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>
),则无法使用嵌套计数器。