CSS 计数器可以创建带小数点的编号列表吗？

创建带小数点的编号列表

CSS可以用来生成带小数点的编号列表，例如1.1、1.2和1.3 ，而不仅仅是 1、2 和 3？应用 list-style-type:decimal 只会产生后一个序列。

解决方案：利用计数器

为了达到所需的结果，可以使用计数器：

OL { counter-reset: item }
LI { display: block }
LI:before { content: counters(item, ".") " "; counter-increment: item }

此 CSS 样式表为每个嵌套列表项分配一个带小数点的数字。例如，“1”、“1.1”、“1.1.1”等。

示例：

<ol>
  <li>li element
    <ol>
      <li>sub li element</li>
      <li>sub li element</li>
      <li>sub li element</li>
    </ol>
  </li>
  <li>li element</li>
  <li>li element
    <ol>
      <li>sub li element</li>
      <li>sub li element</li>
      <li>sub li element</li>
    </ol>
  </li>
</ol>

以上是CSS 计数器可以创建带小数点的编号列表吗？的详细内容。更多信息请关注PHP中文网其他相关文章！