小编Mic*_*yck的帖子

使用CSS自动编号嵌套部分

假设我有这样的HTML或XML文档:

<body>
   <section>
      <h1>This should be numbered 1</h1>
      <section>
        <h1>This should be numbered 1.1</h1>
        <p>blah</p>
      </section>
      <section>
        <h1>This should be numbered 1.2</h1>
        <p>blah</p>
      </section>
   </section>
   <section>
      <h1>This should be numbered 2</h1>
      <section>
        <h1>This should be numbered 2.1</h1>
        <p>blah</p>
      </section>
   </section>
</body>

Run Code Online (Sandbox Code Playgroud)

这只是一个说明性的例子; 通常,节中可以有任意数量的子节,并且节可以嵌套到任何深度.

是否可以使用CSS(计数器和生成的内容)在每个节标题的开头生成所需的节号？

我见过这种事情的唯一例子是嵌套列表,但是你可以将'counter-reset'附加到OL并且'counter-increment'附加到LI.在这里,似乎你需要'section'来重置它的子节,并且增加它的父节,并且将它们都附加到一个元素名称不起作用.

html css css-counter

Mic*_*yck

2015 07-28

8
推荐指数

1
解决办法

337
查看次数