«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Как удалить период после упорядоченных номеров списков в HTML и CSS?

Как удалить период после упорядоченных номеров списков в HTML и CSS?

Опубликовано в 2025-03-13
Просматривать:552

How to Remove the Period After Ordered List Numbers in HTML and CSS?

упорядоченные списки в HTML и CSS: удаление периода

Создание упорядоченного списка без периода после того, как номера возможны с использованием CSS. Пока вы можете предположить, что это невозможно, давайте рассмотрим, как вы можете достичь этого.

, чтобы удалить период, стиль список тип списка: нет; Полевая левая: 0; }

ol.custom {
  list-style-type: none;
  margin-left: 0;
}

ol.custom> li { Counter-Increment: CustomListCounter; } ol.custom> li: до { Контент: счетчик (CustomListCounter) ""; шрифт-вес: жирный шрифт; Плавание: осталось; Ширина: 3EM; }

ol.custom > li {
  counter-increment: customlistcounter;
}

ol.custom > li:before {
  content: counter(customlistcounter) " ";
  font-weight: bold;
  float: left;
  width: 3em;
}
Имейте в виду, что это решение зависит от: до псевдо-селектора, который не может работать в более старых браузерах, таких как IE6 и IE7. Чтобы решить эту проблему, используйте дополнительное правило CSS, которое специально предназначено для этих браузеров:

ol.custom { *тип списка: Десятичный; / * цели IE6 и IE7 *// }

]
Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3