如何保持CSS计数器在表之间的一致性?

如何保持CSS计数器在表之间的一致性?,css,css-counter,Css,Css Counter,我的HTML文档已格式化为打印其内容。每一页印刷品都装在一张桌子里 本文件也在页面上列出了标题(h1…h5) 问题是在下一打印页(即:表格)上继续使用子标题(级别h2..h5) 这就是我得到的: 1. (1.) 1.1. (1.1.) 1.2. (1.2.) 1.2.1. (1.2.1.) 1.3. (1.3.) ---------------- page break (i.e.: new table) 1.1. (1.4.) 2. (2.) 2.1. (2.

我的HTML文档已格式化为打印其内容。每一页印刷品都装在一张桌子里

本文件也在页面上列出了标题(h1…h5)

问题是在下一打印页(即:表格)上继续使用子标题(级别h2..h5)

这就是我得到的:

1.     (1.)
1.1.   (1.1.)
1.2.   (1.2.)
1.2.1. (1.2.1.)
1.3.   (1.3.)
---------------- page break (i.e.: new table)
1.1.   (1.4.)
2.     (2.)
2.1.   (2.1.)
2.1.1. (2.1.1)
2.1.2. (2.1.2)
正如您所看到的,当在下一个表中引用时,H2元素在杂草中是不存在的。具体来说,当我希望它是“1.4”时,它是“1.1”

以下是我的html/css:


.initHeadingCounters
{
计数器复位:headingCounter1 headingCounter2 headingCounter3 headingCounter4 headingCounter5;
}
.柜台
{
计数器复位:headingCounter2 headingCounter3 headingCounter4 headingCounter5;
}
.柜台(h1):在
{
计数器增量:headingCounter1;
内容:计数器(表头计数器1)”;
}
.柜台
{
计数器复位:headingCounter3 headingCounter4 headingCounter5;
}
.柜台(h2):在
{
计数器增量:headingCounter2;
内容:计数器(headingCounter1)“计数器(headingCounter2)”;
}
.柜台(h3)
{
计数器复位:headingCounter4 headingCounter5;
}
.柜台(h3):在
{
计数器增量:headingCounter3;
内容:计数器(头计数器1)““计数器(头计数器2)”“计数器(头计数器3)”;
}
.柜台(h4)
{
计数器复位:headingCounter5;
}
.柜台(四):在
{
计数器增量:headingCounter4;
内容:计数器(头计数器1)“,”计数器(头计数器2)“,”计数器(头计数器3)“,”计数器(头计数器4)“;
}
(1)
(1.1)
(1.2)
(1.2.1)
(1.3)
(1.4)
(2)
(2.1)
(2.1.1)
(2.1.2)

这很有趣,不确定是否可以避免。第12.4.1项嵌套计数器和作用域@rafaelcastrocouto对此进行了解释,谢谢。。。你可能是对的;这是不可避免的。只是希望有一个css奇迹般的工作人员,他可能会……有一个有趣的问题。我曾希望您可以通过编写类似于
计数器增量:headingCounter3-counter(headingCounter3)
的内容,或者使用
calc
的变量,来避免内部嵌套的
计数器重置
属性,但这些都不起作用。对不起@李斯特先生,我和你走的是同一条计算道路,同样缺乏成功。谢谢你的追求。