Comment supprimer le point après les numéros de liste ordonnés en HTML et CSS ?

Listes ordonnées en HTML et CSS : supprimer le point

Créer une liste ordonnée sans le point après les nombres est possible en utilisant CSS. Même si vous pensez que ce n'est pas réalisable, explorons comment y parvenir.

Pour supprimer le point, stylisez la liste comme telle :

<code class="css">ol.custom {
  list-style-type: none;
  margin-left: 0;
}</code>

Pour créer des numéros personnalisés, utilisez ce qui suit : code :

<code class="css">ol.custom > li {
  counter-increment: customlistcounter;
}

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

Cela affichera des numéros personnalisés avant chaque élément de la liste.

Gardez à l'esprit que cette solution repose sur le pseudo-sélecteur :before, qui peut ne pas fonctionner dans les navigateurs plus anciens comme IE6 et IE7. Pour résoudre ce problème, utilisez une règle CSS supplémentaire qui cible spécifiquement ces navigateurs :

<code class="css">ol.custom {
  *list-style-type: decimal; /* targets IE6 and IE7 only */
}</code>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!