упорядоченные списки в 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