用數字代替點號的無序列表

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。測試

在這裏閱讀更多：在IE7不支持https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Counters

Answer 2

您是否試過有序列表？

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

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

Answer 3

您可以使用CSS來更改/刪除子彈，但如果你想使用的數字，你將不得不使用一個有序列表。

要取出子彈只是使用這一行CSS：

list-style-type:none 

Answer 4

您可以使用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> 

輸出：

希望幫助:)