html - 带有数字而不是项目符号的无序列表

Question

我有一个条款和条件文件，需要在网站上获取。但是有很多条款和要点，例如 2、2.1、2.1.1 等。

我想我可以做一个无序列表并使用 css 来摆脱项目符号。我意识到这可能看起来有点啰嗦，但我不是 HTML 专家，我也不知道该怎么做。

Answer 1

尝试使用counters.

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

<ol>
  <li>test</li>
  <li>test</li>
  <ol>
    <li>testing</li>
    <li>testing</li>
  </ol>
</ol>

这将产生：

1. 测试

2. 测试

   2.1。测试

   2.2. 测试

在这里阅读更多： https ://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Counters

Answer 2

您可以使用ol

像这样：

<ol>
  <li>Hello 
   <ol>
    <li>Hello 1</li>
    <li>Hello 2</li>
    <li>Hello 3</li>
   </ol>
  </li>
  <li>hi</li>
  <li>hey</li>
</ol> 

输出：

希望有帮助:)

Answer 3

你试过有序列表吗？

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

http://www.w3schools.com/tags/tag_ol.asp

Answer 4

您可以使用 CSS 更改/删除项目符号，但如果您想使用数字，则必须使用有序列表。

要删除项目符号，只需在 CSS 中使用这一行：

list-style-type:none