小编use*_*754的帖子

CSS 反增量不适用于嵌套的 div 和 h3 元素

我不能让我的 CSS 计数器工作。它们以某种方式工作,但在嵌套级别递减时它们关闭。

这是我的测试页面:

<!DOCTYPE HTML>
<html>
<head>
  <title>Chapter Numbering</title>

  <style type="text/css">
    div {
      counter-reset: myitemcounter;
    }
    h3::before {
      counter-increment: myitemcounter;
      content: counters(myitemcounter, ".") " ";
    }
  </style>
</head>

<body>

  <div>
    <h3>This should be ... 1 </h3>
    <h3>This should be ... 2 </h3>
    <div>
      <h3>This should be ... 2.1 </h3>
      <h3>This should be ... 2.2 </h3>
      <h3>This should be ... 2.3 </h3>
      <div>
        <h3>This should be ... 2.3.1 </h3>
        <h3>This should be ... 2.3.2 </h3>
      </div>
      <h3>This should be ... …
Run Code Online (Sandbox Code Playgroud)

html css

4
推荐指数
1
解决办法
1865
查看次数

标签 统计

css ×1

html ×1