Неупорядоченный список с числами вместо пунктов с пулями

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> 
    <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> 

Выход:

Надеюсь, что поможет :)