bestellte Listen in Html und CSS: Das Entfernen der Periode

Erstellen einer geordneten Liste ohne die Zeit nach den Zahlen ist möglich mit CSS. Während Sie annehmen, dass es nicht machbar ist, lassen Sie uns untersuchen, wie Sie dies erreichen können.

Um die Zeit zu entfernen, stylen Sie die Liste als solche:

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

, um benutzerdefinierte Zahlen zu erstellen, verwenden Sie den folgenden Code:

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

ol.custom > li:before {
  content: counter(customlistcounter) " ";
  font-weight: bold;
  float: left;
  width: 3em;
}

Dies zeigt benutzerdefinierte Zahlen vor jedem Listenelement an.

Beachten Sie, dass diese Lösung sich auf den vor Pseudo-Selektionen beruht, der möglicherweise nicht in älteren Browsern wie IE6 und IE7 funktioniert. Verwenden Sie um dies zu adressieren, eine zusätzliche CSS -Regel, die diese Browser speziell abzielt:

ol.custom {
  *list-style-type: decimal; /* targets IE6 and IE7 only */
}