您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站
问答- 问题:有序列表能否使用CSS生成看起来像1.1、1.2、1.3（而不是仅仅1，2，3，…）的结果？

有序列表能否使用CSS生成看起来像1.1、1.2、1.3（而不是仅仅1，2，3，…）的结果？

有序列表能否使用CSS生成看起来像1.1、1.2、1.3（而不是仅仅1，2，3，…）的结果？

您可以使用计数器来这样做：

以下样式表编号嵌套列表项，如“ 1”，“ 1.1”，“ 1.1.1”等。

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

例

ol { counter-reset: item }

li{ display: block }

li:before { content: counters(item, ".") " "; counter-increment: item }


<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 2022/1/1 18:18:15 有428人围观

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进，让解决方法与时俱进

请先登录

推荐问题

联系我

联系我

602392714

清零编程清零编程群

置顶