当前位置: 首页 > 面试题库 >

有序列表能否使用CSS生成看起来像1.1、1.2、1.3(而不是仅仅1,2,3,…)的结果?

蒋寒
2023-03-14
问题内容

有序列表能否使用CSS生成看起来像1.1、1.2、1.3(而不是仅仅1,2,3,…)的结果?到目前为止,使用list-style- type:decimal仅产生了1、2、3,而不是1.1、1.2、1.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>


 类似资料:
  • 问题内容: 我的运行方式如下: 哪里是这个要点。 当我查看结果时,它是一个1D数组而不是2D数组: 它似乎是一个元组数组: 如果我从调用中删除转换器规范,它将正常工作并生成2D数组: 问题答案: 返回的结果称为 结构化ndarray ,例如,请参见此处:http : **//docs.scipy.org/doc/numpy/user/basics.rec.html** 。这是因为您的数据不是同质的

  • 问题内容: 我有一个发送到服务器或从服务器发送的用户对象。发送用户对象时,我不想将哈希密码发送给客户端。因此,我添加了password属性,但这也阻止了将其反序列化为密码,这使得在没有密码的情况下很难注册用户。 我怎样才能只应用序列化而不是反序列化?我使用的是Spring JSONView,因此对的控制不多。 我尝试过的事情: 添加到属性 仅添加getter方法 问题答案: 确切的操作方法取决于你

  • 问题内容: 我有一个高度为200px的textarea,但是当我通过文本传递200px时,我想让textarea扩展而不是用滚动条保持200px的高度。 只能使用CSS来做到这一点吗? 问题答案: 相反的,你可以使用与CONTENTEDITABLE属性:

  • 问题内容: 我正在尝试列出聚合中的所有存储桶,但似乎只显示了前10个。 我的搜索: 返回值: 对于此聚合,我有10个以上的键。在此示例中,我将有145个键,并且我希望每个键的计数。桶上有分页吗?我可以全部拿走吗? 我正在使用Elasticsearch 1.1.0 问题答案: size参数应该是术语查询示例的参数: 如文档中所述,仅适用于1.1.0版及更高版本 编辑 根据@PhaedrusTheGr

  • oracle DB是否能够返回时区区域,例如欧洲/伦敦,而不仅仅是偏移?我想知道服务器所在的地区名称。 从DUAL中选择SYSTIMESTAMP参数;返回日期、时间和偏移量: 从dual中选择DBTIMEZONE;返回偏移量:

  • 在使用SpringCloudStream的流处理应用程序中,我获取一个输入流(键入一个整数),并在其上调用,以创建一个具有相同值但具有不同键(字符串)的新主题。输入主题中包含正确JSON格式的记录,例如: 问题是,流处理应用程序创建的主题的是包含JSON的字符串,而不是正确的JSON,即: 代码如下: 上面的函数所做的是消耗输入流,并生成一个输出流(被发送到)。该输出流与输入流具有相同的值,但只是